/*
Theme Name: MyTheme
Theme URI: http://wordpress.org/
Description: Mytheme style.
Author: the WordPress team
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: twentyten
*/

@font-face {
  font-family: "FontAwesome";
  src: url('../font-awesome/fonts/fontawesome-webfont.eot');
  src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('../font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg#FontAwesome')    format('svg');
  font-weight: normal;
  font-style: normal;
}



body 
{
font-family: 'Open Sans', sans-serif, arial !important;
font-size:16px;
padding:0;
margin:0;
color:#111111;
line-height:135%;
font-weight:300;
background:url(images/bottom-graphic.jpg) repeat-x top center;
background-position:0 80px;
}


h1, h2, h3, h4, h5, h6
{
font-family: 'Raleway', arial, sans-serif !important;
}

h1
{
font-weight:400;
margin:0px;
font-size:270%;
margin-bottom:20px;
}

h1.entry-title
{
font-weight:400;
font-size:230%;
margin:20px 0px;
}

hr
{
border-color:#cccccc;
}

h2
{
font-weight:bold;
margin:0px;
margin-bottom:20px;
}


h4
{
font-weight:bold;
margin-bottom:20px;
padding:0px;
}

h6
{
font-size:130%;
font-weight:bold;
margin:5px 0px;
margin-top:20px;
}

.greentag
{
color:#439f00;
}

.greentag2
{
color:#013d00;
}

.bluetag
{
color:#337ab7;
}

p
{
margin:15px 0px;
line-height:155%;
}

.ssba-wrap
{
padding:25px 0px;
padding-bottom:0px;
color:#666666;
}

.blue-text
{
color:#0b47a0;
}

a, a:link, a:visited
{
color:#621467;
}

a:hover
{
text-decoration:none;
}


.btn-default,
.btn-primary
{
background:#00a0db;
font-size:100%;
border:0px solid #333333;
padding:12px 15px;
color:#ffffff;
}

.btn-primary:link,
.btn-primary:visited,
.btn-default:link,
.btn-default:visited
{
color:#601365;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active
{
background:#666666;
color:#ffffff;
}


.row.no-gutter {
  margin-left: 0;
  margin-right: -3px;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.text-to-right
{
text-align:right;
}

.no-padding-right
{
padding-right:0px;
}


/* ===========================
       PAGE CONTAINER
============================ */
.container-area
{
margin:auto;
padding:0;
max-width:1280px;
}



#page-container
{
margin-top:0px;
}

.content-container
{
padding:50px 0px 80px 0px;
}

.content-container h2,
.content-container h3
{
padding-top:20px;
}

.text-primary
{
color:#dc007e;
}

.box
{
display:block;
margin:10px 0px;
text-transform:uppercase;
background-color:#ffffff;
color:#601365;
border:1px solid #601365;
}



.icon-box
{
display:block;
text-align:center;
padding:5px 10px;
}

.icon-box h2,
.icon-box h4
{
margin:0;
padding:0;
}



.icon-box h2
{
font-size:200%;
padding:5px;
}

.icon-box h4
{
font-weight:400;
font-size:80%;
margin:0;
}

.icon-box a h4
{
color:#111111;
}

.icon-box a,
.icon-box a:visited
{
text-decoration:none;
color:#5b2263;
}

.sponsor-logo
{
margin:auto;
padding:5px;
}

.sponsor-logo-img
{
text-align:center;
}

.floating-footer
{
position:fixed; 
background-color:#f5f5f5;
border-top:1px solid #cccccc; 
height:60px; 
z-index:99; 
width:100%; 
display:block; 
bottom:0; 
padding-top:5px;
left:0;
}

.footer-icon-box
{
text-align:center;
}

.footer-icon-box a,
.footer-icon-box a:visited
{
color:#999999;
text-decoration:none;
}

.footer-icon-box h2,
.footer-icon-box h4
{
margin:0;
padding:0;
}

.footer-icon-box h4
{
font-weight:300;
font-size:75%;
color:#666666;
}

.floating-header
{
position:fixed; display:block; 
width:100%; z-index:99;top:0;left:0;
background-color:#510e5a; 
color:#ffffff;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

.title-header
{
display:table;
width:100%;
}

.title-arrow
{
display:table-cell;
width:50px;
}

.title-arrow a
{
color:#ffffff;
}


.title-text
{
display:table-cell;
width:90%;
vertical-align:middle;
}

.tab-pane > .highlight-box h2
{
padding:5px 10px;
}

.highlight-box
{
border:1px solid #dc007e;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
margin-top:15px;
}


.highlight-box p
{
display:block;
padding:0px 10px;
}

.highlight-box h2
{
background-color:#dc007e;
color:#ffffff;
margin:0;
padding:0;
padding:5px 10px;
font-size:150%;
}



/***************************************************
				      GOOGLE MAP
***************************************************/
.google-maps 
{

}
.google-maps iframe {
top: 0;
left: 0;
width: 100% !important;


}

/* ===========================
           IMAGES
============================ */
#page-area
{

}

#page-area img 
{
	margin: 0;
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
}
#page-area .attachment img {
	max-width:98%;
}
#page-area .alignleft,
#page-area img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#page-area .alignright,
#page-area img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#page-area .aligncenter,
#page-area img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#page-area img.alignleft,
#page-area img.alignright,
#page-area img.aligncenter {
	margin-bottom: 12px;
}
#page-area .wp-caption 
{
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	max-width:100%;
}


#page-area .wp-caption img 
{
	margin: 5px 5px 0;
	/* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
}
#page-area .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}


.page-title-box
{
background-color:#e3238d;
color:#ffffff;
padding:10px 15px;
text-align:center;
}

.page-title-box h2
{
font-weight:400;
font-size:150%;
}

.page-title-box h3
{
margin:0;
padding:5px;
padding-bottom:7px;
font-size:140%;
font-weight:600;
}


.author-box
{
padding:15px;
background-color:#eeeeee;
}
/* ===========================
       TOP & NAVIGATION
============================ */


#logo-area
{
padding:0px;
width:100%;
}

#logo-area img
{
margin:auto;
text-align:center;
}



#menu-container
{
background:#098447;
}



/* ===========================
        LISTING
============================ */



ul.listing,
ul.listing li
{
  list-style: none;
  padding: 0;
  margin:0;
}

ul.listing
{
margin:15px 0px;
}

ul.listing li
 {
   padding:10px 15px;
   border-bottom:1px solid #dddddd;
   position:relative;
}

ul.listing li a:after
{
font-family: 'FontAwesome';
content: '\f105';
display:block;
position:absolute;
right:10px;
color:#cccccc;
top:30%;
bottom:30%;
}



ul.listing-program,
ul.listing-program li
{
  list-style: none;
  padding: 0;
  margin:0;
}


ul.listing-program li
 {
   border-bottom:1px solid #dddddd;
}

ul.listing-program li a,
ul.listing-program li a:visited
{
color:#111111;
}

.time-venue
{
padding:5px 10px;
background-color:#eeeeee;
}

.program-text
{
padding:10px;
}


ul.speaker-list,
ul.speaker-list li
{
margin:0;
padding:0;
list-style:none;
border:0px;
}


ul.speaker-list li
{
float:left;
content:' , ';
}

ul.speaker-list li:before
{
content:' , ';
}

ul.speaker-list:before li:nth-child(1)
{
content:' ';
}

.ws-area
{
padding:10px;
}

.ws-area h2,
.ws-area h3,
.ws-area h4
{
padding:0;
margin:0;
}

.ws-area h2
{
padding:5px 0px;
font-size:150%;
color:#dc007e;
}

.ws-area h3
{
font-size:140%;
padding-bottom:5px;
}

ol.number-listing {
  margin: 0;
  padding: 0;
  counter-reset: item;
}

ol.number-listing > li 
{
  margin:20px 0px;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
}

ol.number-listing > li:before {
  display: inline-block;
  color:#999999;
  width: 1.3em;
  padding-right: 0.3em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
  font-size:150%;
}

ol.number-listing > li li
{
margin-top:15px;
list-style-type:circle;
padding-left:10px;
text-indent: 0;
}

/* ===========================
         TABS
============================ */

.tab-container
{
border:1px solid #0392c1;
border-top:8px solid #0392c1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top:15px;
}

.nav-tabs
{
color: #9a00a4;
background-color: #ffffff;
border:1px solid #9a00a4;
}

ul.nav-tabs
{
border-left:10px solid #ffffff;
}

.nav-tabs > li > a
{
color: #666666;
border-left:1px solid #9a00a4;
border-right:1px solid #9a00a4;
}




.nav-tabs > .open > a,
.nav-tabs > .open > a:hover,
.nav-tabs > .open > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
color: #ffffff;
background-color:#dc007e;
cursor:pointer;
border-left:1px solid #9a00a4;
border-right:1px solid #9a00a4;
border-bottom:1px solid #dc007e;

}


.nav-tabs > li > a:hover
{
	color: #ffffff;
	background-color: #0f4f86;
	border-color: #0f4f86;
	border-bottom-color: transparent;
}

.tab-content
{
padding:0px;
}

.tab-content h2
{
margin:0px;
padding:0px;
}

/* ===========================
        PHOTO GALLERY
============================ */

.photo-gallery a
{
display:inline-block;
color:#333333;
padding:0px;
margin:0px;
}

.photo-gallery a img
{
padding:6px;
border:1px solid #cccccc;
}

.photo-gallery a p
{
margin-bottom:0px;
padding-bottom:0px;
}



/* ===========================
        BREADCRUMB
============================ */

#breadcrumb-area
{
padding:15px;
margin-bottom:0px;
font-size:90%;
border-bottom:1px solid #dddddd;
}

/* ===========================
       INSIDE BANNER
============================ */
.inside-banner
{
min-height:320px;
background-size:cover;
background-position:top center;
background-repeat:no-repeat;
position:relative;
}


/* ===========================
         SIDEBAR
============================ */

#sidebar-listing
{
padding:15px 25px;
padding-bottom:40px;
margin-bottom:20px;
background:#f1cc01;
}

#sidebar-listing ul,
#sidebar-listing li
{
list-style:none;
padding:0px;
margin:0px;
}

#sidebar-listing h4
{
font-size:150%;
text-transform:uppercase;
color:#111111;
padding:10px;
margin:0px;
}

#sidebar-listing li
{
padding:8px 12px;
color:#000000;
border-bottom:1px solid #c5a700;
}

#sidebar-listing li:last-child
{
border:0px;
}

#sidebar-listing li a
{
color:#000000;
padding-left:1px;
}


#sidebar-listing li li a:hover
{
text-decoration:none;
color:#00a6d6;
}


#sidebar-listing li.current_page_item a
{
  color:#008546;
  font-weight:bold;
}



#sidebar-listing li.pagenav ul li.current_page_item a
{
color:#885c0d;
}

/* ===========================
         FORM
============================ */
label.error {	
	text-align: left;
	width: auto;
	padding: 5px 0 0 20px;
	clear: none;
	display: block;
	color: #b92a45;
	font-size: 12px;
	font-weight:normal;
	border: none;
	background:url(images/required.png) no-repeat left center;
}



/* ===========================
         TABLE
============================ */

.table
{
border-bottom:1px solid #dddddd;
}

.table thead
{
background-color:#5eb600;
color:#ffffff;
}

.table thead tr td
{
border:0px;
border-left: 1px solid #31a36b;
border-top: 1px solid #31a36b;

}

.table tr:nth-child(even)
{
background-color:#f5f5f5;
}


/* ===========================
       BEFORE FOOTER
============================ */
#before-footer
{
margin-bottom:0px;
padding:0px;
margin:0px;
}



#before-footer h6
{
color:#018a46;
font-size:130%;
font-weight:bold;
margin:5px 0px;
margin-top:20px;
}



#before-footer h4
{
display:block;
padding:15px 1px;
padding-bottom:0px;
font-size:150%;
font-weight:700;
margin:15px 0px;
margin-top:35px;
color:#333333;
text-transform:uppercase;
}


#before-footer h5
{
font-size:125%;
font-weight:bold;
margin:10px 0px;
}




#bottom-link-area
{
padding:25px 10px;
padding-bottom:35px;
background:url(images/bottom-area.jpg) repeat-x bottom center;
}

/* ===========================
          FOOTER
============================ */

footer
{
padding:25px 0px;
font-size:85%;
line-height:135%;
color:#666666;
border-top:1px solid #cccccc;
}

.footer-container
{
border-top: 1px solid #888; 
padding-top:15px; 
}


.modal-dialog {
  
  .close-button {
    overflow: hidden;
    
    button.close {
      font-size: 30px;
      line-height: 30px;
      padding: 7px 4px 7px 13px;
      @include text-shadow(none);
      @include opacity(.7);
      color:#fff;

      span {
        display: block;
      }
      
      &:hover,
      &:focus {
        @include opacity(1);
        outline: none;
      }
    }
  }
  
  .modal-content {
    box-shadow: none;
    background-color: transparent;
    border: 0;
    
    iframe {
      display: block;
      margin: 0 auto;
    }
  }
}




@media only screen and (max-width :1024px) 
{

/* navbar */
.navbar-default {
  font-size:90%;
  
}

.navbar-default .navbar-nav > li > a 
{
  padding:14px 12px	;
}


}



@media only screen and (min-width : 991px) {
    /* Make Navigation Toggle on Desktop Hover 
    */.dropdown:hover .dropdown-menu {
        display: block;
    }
	

}



@media (max-width: 990px) 
{



#menu-container
{
padding-left:0px;
}


#menu-area
{
padding-top:130px;
padding-bottom:20px;
text-align:center;
}

.navbar
{
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}


.navbar-header {
float: none;
}
    
.navbar-left,.navbar-right 
{
 float: none !important;
}

.navbar-toggle 
{
display: block;
}

.navbar-collapse 
{
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
z-index:10;
}


.navbar-collapse.collapse {
display: none!important;
}

.navbar-nav 
{
float: none!important;
margin-top: 7.5px;
}

.navbar-nav>li 
{
float: none;
}
    
.navbar-nav>li>a 
{
padding-top: 2px;
padding-bottom: 2px;

}

.collapse.in
{
display:block !important;
}

.navbar-collapse.in 
{
overflow-y: auto !important;
}

.navbar-nav .open .dropdown-menu 
{
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: #a5a2cd;
border: 0;
box-shadow: none;
}

.navbar-nav .open .dropdown-menu>li
{
padding-left:0px;
}

.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header 
{
padding: 5px 15px 5px 25px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a 
{
color:#111111;
background-color:#f0cd11;
}
    
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus 
{
color: #fff;
background-color: #666666;
}




.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover
{
background:none;
color:#ffffff;
}


.navbar-default .navbar-nav > li
{
padding-left:10px;
}


.dropdown-toggle .fa
{
font-family: 'FontAwesome';
content: '\f067';
display:inlie-block;
line-height:25px;
position:absolute;
right:10px;
}


.navbar-default
{
background:#098447;
padding-left:0px;
}


.navbar-default .navbar-nav > li > a:hover
{
color:#666666; 
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}


#banner
{
height:133px;
background:url(images/banner_01.png) no-repeat top center;
}





#bottom-link-area,
#bottom-menu-right,
footer,
.text-right
{
text-align:center;
}

}




@media (max-width:768px) 
{

body 
{
background:none;

}


.no-padding-right
{
padding-right:10px;
}

#logo-area
{
display:block;
width:100%;
text-align:center;
}

.text-to-right
{
text-align:center;
}


.home-highlights
{
padding:20px 30px;
}

.no-gutter
{
padding:0;
margin:0;
}

}






@media (max-width:480px)
{



footer
{
text-align:center;
}

.text-right
{
text-align:center;
}




}