/*
Theme Name: MSO
Author: NspCode
Version: 1.0
*/

         
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {margin: 0px;padding: 0px; box-sizing: border-box}
img {max-width: 100%; vertical-align: middle;}
a {text-decoration: none; color:#000}
a img {border: none}   

body {font-family: 'open_sansregular'; font-size: 14px; line-height: 18px}
.wrapper {max-width: 1170px; margin: 0px auto; padding: 0px 10px}

.home{}

header {background-color:#1f66b1; position: relative;z-index: 100;}  
#logo {font-family: 'open_sansitalic'; font-size: 12px; color:#FFF;  padding: 25px 0; float: left}
#logo img {vertical-align: text-bottom; margin-right: 5px}
#head_elements {float: right; text-align: right;}
#head_elements #meta {display: inline-block; padding-top: 5px; text-align: left; padding-left: 40px; float: right}
#head_elements #main_menu {display: inline-block; padding-top: 35px;}
#mobile_menu {display: none}

#main_menu {}
#main_menu li{list-style: none; display: inline-block; padding-right: 14px}
#main_menu li a {color:#FFF; font-family: 'open_sansbold'; font-size: 12px; text-transform: uppercase; -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
#main_menu li a:hover{color:#dedede}
#main_menu ul ul {display: none}
#main_menu > ul > li {position: relative}
#main_menu > ul > li ul {padding: 20px 10px 10px 10px;    position: absolute;    text-align: left; background-color: #1f66b1; min-width: 140px}
#main_menu > ul > li ul li {padding: 5px 0px; display: block}
#main_menu > ul > li ul li a {white-space: nowrap; font-weight: normal; font-family: 'open_sansregular';}

#head_elements #meta a {font-size: 10px; color:#FFF;line-height: 30px;}
#head_elements #meta a i {font-size: 18px; vertical-align: middle; padding-left: 3px; }
#head_elements #meta form {padding: 0;}
#head_elements #meta form input {border: 1px solid #FFF; background-color: #FFF; font-weight: normal; font-size: 9px; width: 125px; padding: 4px 10px; text-align: left; color:#353535; margin-top: -1px} 

#home {}
#home .wrapper {padding: 50px 0 0 120px}
#home #sidebar {width: 24%; padding-right: 60px;}
#sidebar {position: relative;  float: left; width: 17.5%; padding-top: 10px; min-width:200px;}
#sidebar h3 {background-color:#9cc335; color:#0e4783; font-size: 14px; font-family: 'open_sanssemibold'; line-height: 31px; padding-left: 10px; margin-bottom: 15px}
#sidebar h3 img {float: right}
#sidebar li {list-style: none}
#sidebar .widget {list-style: none; padding-bottom: 25px}
#sidebar .widget.widget-in li {color:#0e4783; line-height: 22px; font-size: 13px}
#sidebar .widget h2 {font-size: 22px; font-family: 'open_sanssemibold'; padding-bottom: 10px; color: #FFF;}
#sidebar li a {color:#FFF; line-height: 22px; font-size: 13px} 
#sidebar li a:hover {color:#fFF}
#sidebar .section_titles li {}
#sidebar .section_titles li a {font-size: 14px;line-height: 28px; text-decoration: underline}
#sidebar .section_titles li a:hover {text-decoration: none;}

#home #content {float: right; width: 76%; padding: 0 110px 0 60px;}
#content {float: right; width: 76%; padding: 0 0px 80px 50px; padding-top: 10px}
#content img {height: auto !important}
#page.full_width #content{float: none; width: 100%; padding: 0 0px 80px 0px;}
.content {color:#0e4783; font-size: 14px; line-height: 23px;}
.content p  {padding-bottom: 30px}
.content p.post_date {margin-top: -25px;font-size: 10px; padding-bottom: 20px}
.content p a, .content a {color:#0e4783; text-decoration: underline;}
.content p a:hover, .content a:hover {text-decoration: none;}
.content h1 {}
.content h1 a {color: #0e4783;}
.content h1 a:hover {text-decoration: underline;}
.content h1.page_title {font-size: 22px; font-family: 'open_sanssemibold'; padding-bottom: 30px; line-height: 26px;}
.content h1.page_title img {margin-top: -4px; margin-right: 7px}
.content h2 {font-size: 20px; font-family: 'open_sanssemibold'; padding-bottom: 30px}
.content ul {padding-bottom: 30px; list-style: inside}

.content .widget.featured_posts {padding-top: 50px}
.content .widget.featured_posts li {position: relative; display: inline-block; width: 33.33%}
.content .widget.featured_posts li .description {background-color:#0e4783; padding: 8px; min-width: 70%; max-width: 80%; position: absolute;  top: -20px; overflow: hidden}
.content .widget.featured_posts li h2 {font-weight: normal; font-size: 11px; color:#FFF; line-height: 15px; padding-bottom: 0px; white-space: nowrap;}
.content .widget.featured_posts li h2 a {color:#FFF}
.content .widget.featured_posts li h6 {font-weight: normal; font-size: 7px; color:#FFF; line-height: 10px; padding-top: 18px;}

#home #mso {padding: 20px 0 50px 0}
#home #mso a {font-size: 16px; text-decoration: underline; color:#3c6ea3; font-family: 'open_sansitalic'; padding: 5px 0 0 20px; vertical-align: middle}

#banner {background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 150px}
#banner h3 {font-size: 22px; line-height: 25px; color:#FFF; font-weight: normal; padding-top: 60px}

#breadcrumb {padding: 0 0 30px 0; color:#0e4783; font-size: 12px; vertical-align: middle; color:#0e4783;}
#breadcrumb a {color:#0e4783; font-size: 12px}
#single.team_page #breadcrumb {padding: 20px 0 0 0}
#page.full_width #breadcrumb, #page.full_width #breadcrumb a,
#single.team_page #breadcrumb, #single.team_page #breadcrumb a {color: #0e4783}

#page {padding: 20px 0 80px 0; position: relative; margin-top: 3px}
#page_bg {position: absolute; left: 0px; top: 0px; bottom: 0px; width: 20%; background-image: url(images/sidebar-bg.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: 100% auto; background-color:#1f66b1; z-index: 1}

#page_bg2{position: absolute; left: 0px; top: 0px; bottom: 0px; width: 30%; background-image: url(images/sidebar-bg.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: 100% auto; background-color:#1f66b1; z-index: 1}
#page .wrapper {position: relative; z-index: 2;}

body.page-template-template-team #content{padding-bottom: 0px}
#team {padding-bottom: 30px}
#team li {position: relative}
#team h2 {font-family: 'open_sanssemibold'; font-size: 14px; color:#0e4783; line-height: 20px; text-align: center; padding: 60px 0 15px 0}
#team h4 {font-family: 'open_sansregular'; font-size: 28px; color:#79acfa; line-height: 28px; font-weight: normal; position: absolute; bottom: 30px; left: 30px; /*max-width: 30px;*/
-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}
#team img {max-width: 280px}
#team li:hover .overlay {opacity: 1}
#team li:hover h4 {opacity: 0; }
#team li .overlay {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; 
    background-color: rgba(31, 102, 177, 0.4);
    background: rgba(31, 102, 177, 0.4);
    opacity: 0;
    -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
    
}
#team li .overlay h3 {font-family: 'open_sansregular'; font-size: 28px; color:#FFF; line-height: 28px; font-weight: normal;  position: absolute; bottom: 30px; left: 30px; right: 30px }

#team_member {padding: 70px 0 100px 0}
#team_member .member_image {float: left; width: 305px; padding-right: 25px; padding-bottom:25px;}
#team_member .position {background-color:#1f66b1; max-width: 55%; padding: 8px 0 12px;}
#team_member .position h2 {font-family: 'open_sanssemibold'; font-size: 17px; color: #FFF; font-weight: normal; line-height: 24px; padding-bottom: 7px}
#team_member .position p {font-family: 'open_sansregular';font-size: 14px; color:#FFF; line-height: 20px; padding: 0px}
#team_member .description {padding-top: 20px; line-height: 20px;}
#team_member .description p {padding-bottom: 20px}



.su-spoiler{margin-bottom: 1em!important;border-bottom: 1px dotted #ccc!important;}
.su-spoiler-title{line-height: 22px!important; font-size: 17px!important;}

.cright{color:#888; font-size:8px!important; line-height:11px;text-align:right; margin:0; padding:2px 0 0 0}



/*maintain page */


.maintain-bg{background:url(images/web-maintain_landing-bg2.jpg) center center!important; background-repeat:no-repeat!important; background-size:cover!important;}



/*maintain page */


footer {background-color:#0e4783; padding: 35px 0}
#footer_menu {float: left; padding-left: 120px}
#footer_menu li{list-style: none; display: inline-block; padding-right: 14px}
#footer_menu li a {line-height: 22px; color:#fafafb; font-size: 13px; -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
#footer_menu li a:hover{color:#dedede}
#copyright {float: right; color:#fafafb;font-size: 13px;}

      
.cell {}
.element-size-25 {width: 25%;}
.element-size-33 {width: 33.333%;}
.element-size-45 {width: 45%;}
.element-size-48 {width: 48%;}
.element-size-50 {width: 50%;}
.element-size-67 {width: 66.67%;}
.element-size-75 {width: 75%;}
.element-size-100{ width: 100%; }
[class*="element-size"] { display: inline-block; float: none; margin: 0 0px 0 0; vertical-align: top; }
.cell.padding-10 {padding: 10px}
.cell.padding-20 {padding: 20px} 
   
#content .wp-pagenavi {padding: 10px 0px !important}

.valign {position: absolute !important; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%) ; -o-transform: translateY(-50%) ;transform: translateY(-50%);}
.vhalign {position: absolute !important; top: 50%; left: 50%; -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%)} 

.clickable {    cursor: pointer !important;}
.center {text-align: center;}
.alignright {float: right; margin: 0 0 10px 40px}
.alignleft {float: left; margin: 0 40px 0px 0px}
.clear {clear: both;}  

/*sponsors*/

.cr3_sponsorwrapper .cr3_sponsor_image{
padding: 5%;
border: 1px solid #efefef;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
text-align:center;}

.cr3_sponsorwrapper .cr3_sponsorname{font-size:13px;
font-weight: 400;
text-align: center;
line-height: 17px;
padding: 10px 0 0 0;
color: #000;}

.cr3_sponsorwrapper p{text-align:center; font-size:12px; color:#333;}

.cr3_sponsorwrapper .cr3_sponsor_image img{}

.cr3_sponsorwrapper .fours-column {
    margin-right: 3%;
    margin-bottom: 3%;
    width: 22.75%;
    float: left;
    min-height: 150px;
    height: auto;
}


#proudly-supports .cr3_sponsorwrapper .fours-column {
    height: 250px;
}

.cr3_sponsorwrapper p{
    line-height: 1.4;
}