/*
Theme Name:         MRS Web Solutions Base Theme Based on Reverie 3
Description:        Foundation 3, Reverie 3, Works on IE8
Author:             MRS Web Solutions

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

    body {  font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;}
    .container { width: 100%; background:url(images/misc/body-bg2.png) no-repeat top center #afafaf;background-size: 100%;} 
    #main, .top-header {position: relative}
    .js [role="main"] {padding: 0 15px; }
    .top-header  { overflow: visible; z-index: 3;}
    /* Foundation-specific presentation CSS by ZURB */
    div.reverie-header { margin: 20px 0px 10px 0px; padding: 10px 10px; background-color: #FFFFFF;}
    div.reverie-header h1, div.reverie-header h2 { font-weight: 700; line-height: 1.4!important; margin-bottom: 0; padding: 0px; color: #0078be; font-size: 27px; font-style: italic; text-align: center; display: inline;}
    div.reverie-header h1 a { color: #0078be; }
    div.reverie-header h1 a:hover { color: #0078be; }
    
    .site-title {text-align: center;}  
    .site-title img{padding:3px 0px 0px 6px;}  
    
    /*div.reverie-header #logo {background:url(images/header/logo.png) no-repeat 10px center; padding: 20px 0px 20px 80px; line-height: 1.1; font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 500;}*/
    div.reverie-header #logo { float: left; width: 20%;padding: 20px 0px 20px 0px; margin-left: 15px;}
    div.reverie-header #slogan {padding: 20px 0px; font-size: 98%;line-height: 1.1; font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 500;}
          
    ul.utility-nav > li { float: left; display: block; padding: 0 5px; margin: 0; border-left: 1px solid #08233d; border-right: none; color: #08233d; font-size: 0.7em;font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 500; line-height: 1.2; text-transform: uppercase; }
    ul.utility-nav > li:first-child {  border-left: none; padding-left: 0;}
    ul.utility-nav > li:last-child { padding-right: 0;}
    ul.utility-nav > li  a { color: #08233d; }
    ul.utility-nav > li  a:hover { color: #08233d; }
    
    .search-btn {width: 38px; height: 29px; float: left; outline: 0;   margin-top: 10px;}    
    #searchform input[type="text"] { float: left; width: 75%; height: auto; border-radius: 0; height:29px;  margin-top: 10px; padding: 5px; border: 1px solid #08233d; border-width: 1px 1px 1px 0px; box-shadow:0px; box-shadow: none!important }
    
    @media handheld, only screen and (max-width: 767px) {
        header { position: relative; }
        header .subheader { margin-bottom: 0; }
        header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
        header .menu-action .button.small { padding: 8px; }
        header .menu-action .button.small svg { opacity: 0.5; }
        header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
        header h4 { font-size: 17px; font-size: 1.7rem; }
    }

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
    
    /* Global */
    h1, h2, h3, h4, h5 { font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 500; color: #0078be;}
    
    h1 {font-size: 180%;font-weight: 700;}    
    h2 {font-size: 130%;font-weight: 700;}
    h3 {font-size: 115%;font-weight: 700;}
        
    article .title {margin:14px 0px; line-height: 1.1;}
    article .title a, article .title a:hover{font-size: 115%;font-weight: 700;color: #0078be; }
    
    /* Add Divider for Listed Posts */
    .post-divider { height:36px; margin:0px; } 
    .meta-post-divider { height:1px; margin:10px 0 27px; background-color: #000;} 
    
    img { border: none; outline: none;}

    /* Add Class for Images */
    img.alignright { float: right; margin: 0 0 18px 18px; }
    img.alignleft { float: left; margin: 0 18px 18px 0; }
    img.aligncenter { display: block; margin: 18px auto; }

    img.logo-header { padding-top: 7px; }
    
    /****** Navigation ********/
    .menu-main-menu-container {width: 90%; float: left; position: relative;z-index:2  }
    .menu-main-social {width: 10%; height: 60px; float: left;padding-left: 10px;background-color: #08233d;} 
    .menu-main-social a img{margin-top: 19px; border: none;}
    
     
    /* Add HTML5 Class for Images */
    figure {
        margin-bottom: 17px;
    }
    figure img {
        height: auto;
        border: 1px solid #DDD;
        margin: 0 auto;
        display: block;
        box-shadow: 0px 2px 10px #ddd;
        -moz-box-shadow: 0px 2px 10px #ddd;
        -webkit-box-shadow: 0px 2px 10px #ddd;
        border-image: initial;
    }
    
    /* Add HTML5 Caption Class for Images */
    figure.figure {    margin: 0 auto;    -webkit-border-radius: 3px;    -moz-border-radius: 3px; display: inline-block; }
    figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
    figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
    figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
    
    /* Sidebar Adjustment */
    .sidebar-section { padding-bottom: 10px; padding-top: 0px;    font-size: 13px; font-size: 1.3rem; font-weight: normal; }
    
    .default-page-content {margin-bottom: 10px;}
    
    /* Footer Nav */
    .footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
    
    /* Overwrite Off-Canvas Style */
    footer { background: #08233d; color: inherit; padding: 20px 30px; margin: 0px 15px 20px; color: #FFF;text-transform: uppercase;}    
    .sponsors-contianer { margin: 0px 15px; background: #FFF;  padding: 20px;}
    .sponsors-contianer h3 { color: #0078be; font-size: 120%; font-weight: 600;}
    .sponsors-contianer h4 { color: #0078be; font-size: 110%; margin: 5px 0px; font-weight: 600;}
    .sponsors-wrapper {background-color: #FFF ;border: 1px solid #bcbcc4; border-width: 1px 0px 1px 0px; margin: 10px 0px!important;}
    .mc-sponsors-wrapper {border: 1px solid #bcbcc4; border-width: 0px 0px 0px 1px; margin: 10px 0px;}
    .labaratory-footer {float: right; margin: 5px 0px; }
    .labaratory-footer  a, .labaratory-footer a:hover {color: #0078be;line-height: 1.1;font-size: 120%;font-weight: 700;}
    .labaratory-footer img { margin-top:5px;}
    .js [role="main"] { background: inherit; }
    .top-header { overflow: visible; }
    #content {  background:url(images/misc/content-bg.png) repeat top left; padding: 20px;min-height: 522px}
    #sidebar { padding-right: 0; }    
	#content-pub-sidebar {  background:url(images/misc/content-bg.png) repeat top left; padding: 15px}
    
    .privacy ul li {margin-left: 20px; }
    /********** Laboratories Column **************/
    .sponsor-title{color: #0078be; font-size: 120%; font-weight: 600; margin: 0px 0px 25px 20px;}
    .sponsor-title a{color: #0078be}
    .sponsor-logo img{border: 1px solid #5b8fcb;  margin: 0px 0px 40px 20px;}
    .view-btn-icon { background: url(images/icons/view-btn-icon.png) no-repeat center right; width: 23px; display: inline-block; margin-left: 5px;}
    .download-btn-icon { background: url(images/icons/download-icon.png) no-repeat center right; width: 20px; display: inline-block; margin-left: 5px;}

    .blue-btn, .download-btn { background: #49aadb;
                background: -moz-linear-gradient(top,  #49aadb 0%, #116497 100%); 
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49aadb), color-stop(100%,#116497)); 
                background: -webkit-linear-gradient(top,  #49aadb 0%,#116497 100%); 
                background: -o-linear-gradient(top,  #49aadb 0%,#116497 100%); 
                background: -ms-linear-gradient(top,  #49aadb 0%,#116497 100%) ; 
                background: linear-gradient(to bottom,  #49aadb 0%,#116497 100%) ;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49aadb', endColorstr='#116497',GradientType=0 );
                color: #FFFFFF; display: inline-block; margin: 10px 0 20px; padding: 5px 10px 5px 15px; border: 3px solid #0f689c; border-radius: 4px; text-transform: uppercase; cursor: pointer; }

    .light-blue-btn{ background: #A9DEFF;
                background: -moz-linear-gradient(top,  #A9DEFF 0%, #44A4D6 100%); 
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A9DEFF), color-stop(100%,#44A4D6)); 
                background: -webkit-linear-gradient(top,  #A9DEFF 0%,#44A4D6 100%); 
                background: -o-linear-gradient(top,  #A9DEFF 0%,#44A4D6 100%); 
                background: -ms-linear-gradient(top,  #A9DEFF 0%,#44A4D6 100%) ; 
                background: linear-gradient(to bottom,  #A9DEFF 0%,#44A4D6 100%) ;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A9DEFF', endColorstr='#44A4D6',GradientType=0 );
                color: #FFFFFF; display: inline-block; margin: 10px 0 20px; padding: 5px 10px 5px 15px; border: 3px solid #46A0D0; border-radius: 4px; text-transform: uppercase;}
	.green-btn{ background: #49aadb;
                background: -moz-linear-gradient(top,  #00DA66 0%, #008C46 100%); 
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00DA66), color-stop(100%,#008C46)); 
                background: -webkit-linear-gradient(top,  #00DA66 0%,#008C46 100%); 
                background: -o-linear-gradient(top,  #00DA66 0%,#008C46 100%); 
                background: -ms-linear-gradient(top,  #00DA66 0%,#008C46 100%) ; 
                background: linear-gradient(to bottom,  #00DA66 0%,#008C46 100%) ;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00DA66', endColorstr='#008C46',GradientType=0 );
                color: #FFFFFF; display: inline-block; margin: 10px 0 20px; padding: 5px 10px 5px 15px; border: 3px solid #008C41; border-radius: 4px; text-transform: uppercase;}
	.orange-btn{ background: #FF8000;
                background: -moz-linear-gradient(top,  #FF8000 0%, #C66400 100%); 
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF8000), color-stop(100%,#C66400)); 
                background: -webkit-linear-gradient(top,  #FF8000 0%,#C66400 100%); 
                background: -o-linear-gradient(top,  #FF8000 0%,#C66400 100%); 
                background: -ms-linear-gradient(top,  #FF8000 0%,#C66400 100%) ; 
                background: linear-gradient(to bottom,  #FF8000 0%,#C66400 100%) ;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8000', endColorstr='#C66400',GradientType=0 );
                color: #FFFFFF; display: inline-block; margin: 10px 0 20px; padding: 5px 10px 5px 15px; border: 3px solid #C76300; border-radius: 4px; text-transform: uppercase;}
    a.blue-btn:hover, a.download-btn:hover {color: #FFF}
    a.grey-btn {background: #ffffff; 
                background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); 
                background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); 
                background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); 
                background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
                background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); color: #000; display: inline-block;
                margin:0px; padding: 5px 10px 5px 0px; border: 1px solid #cccbcb; border-radius: 4px;   text-shadow: 1px 1px #fffff;
                }
    
    .dynamic-box {border-top: 1px solid #bcbcc4; margin: 30px 15px; padding: 30px 0px;}     
    .latest-news-wrapper .title, .categories-wrapper .title, .sidebar-section h6 { background: #0b4060; padding: 20px 15px; color: #FFF; border-bottom: 2px solid #d2d3db; text-transform: uppercase; font-weight: 600; font-style: italic; font-size: 120%;}
    .latest-news-wrapper .item-news, .categories-wrapper .item, .sidebar-section ul { background: #288abb; padding: 20px 15px 8px 15px; margin: 0; color: #FFF; border-bottom: 2px solid #FFF; }
    .latest-news-wrapper .item-news a , .latest-news-wrapper .item-news a:hover {color: #FFFFFF; text-transform: capitalize;}
    .latest-news-wrapper .item-news img {border: 1px solid #0078be}
    .sidebar-section h6{ margin: 0px}
	.sidebar-section h6 a{ color: #fff;}
	.sidebar-section ul{ padding: 0px; border-bottom: 0px;}
	.sidebar-section ul li{ list-style: none; border-bottom: 1px solid #fff;}
	.sidebar-section ul li a{ display: block; padding: 10px 10px 10px 20px; color: #fff;}
	.sidebar-section ul li li{ border-top: 1px dotted lightblue; border-bottom: 0px;}
	.sidebar-section ul li li a{ padding: 10px 10px 10px 40px;}
		
	
	
    .categories-wrapper .item {display: none}
    .sidebar-box   .latest-news-wrapper {margin-bottom: 15px;}
    
    .categories-wrapper ul {list-style: none;}
    .categories-wrapper ul li {color: #FFF; text-transform: uppercase; margin: 0px 0px 5px 0px;}
    .categories-wrapper ul li a, .categories-wrapper ul li a:hover {color: #FFF; text-transform: uppercase;}
    .categories-wrapper .tag-wrapper {background-color: #FFFFFF;border: 1px solid #0078be;}
    .categories-wrapper .tag-wrapper a, .categories-wrapper .tag-wrapper a:hover { color: #0078be; text-decoration: none;}
    /* Breadcrumb Adjustment */
    ul.breadcrumbs li span { padding-left: 3px; }
    ul.breadcrumbs li a { padding-left: 0; }
    
    /* Comment Textarea Adjustment */
    #respond textarea { height: 100px; }    

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    
/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */

    .padder label + textarea { margin-top: 0; }
    .padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
    ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
    .padder select { display: inline-block; }
    .padder div.item-list-tabs { margin: 25px 0; }
    .padder form#whats-new-form textarea { height: 30px; }
    .padder .button { display: inline; }
    
    
/*  --------------------------
    Your Customized Style
    ----------------------- */

.row {
    width: 1140px;
}
 
.italic {
    font-style: italic;
}
.web-design-by img {
    margin-right: 10px;
    outline: none;
    border: 0;
}
.web-design-by a {
    color: #53beed;
    text-decoration: none;
    outline: none;
    border: 0;
}
.web-design-by a:hover {
    color: #53beed
}

.no-margin {
    margin: 0!important;
}

.no-padding {
    padding: 0!important;
}

.leftPadding15 {
    padding: 0px 0px 0px 15px!important;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

.topBorder { border-top: 1px solid #3a9fd7!important;}
.highlightLi {color: #FFF!important; border: none!important;}

.black {color: #000;}

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

.topMargin15 {margin-top: 15px}

.topMargin55 {margin-top: 55px}

time {line-height: 1.6}

.footable > tbody > tr > th{
    border-right: 1px solid #ccc;   
    padding: 10px 15px;
    text-align: left;
    font-weight: bold;
}
.footable > tbody > tr > th:last-child{
    border-right: none;       
}

.footable > tbody > tr > td:first-child {
    border-left: none;
}

.clear { clear: both}

.category-post-wrapper { color: #08233d; font-weight: 500; float: left}

.categories-post { color: #0078be; font-style: italic; margin-left: 10px; float: left}

.tag-wrapper {float: left; padding: 5px 10px; margin: 10px 5px 10px 0px; border: 1px solid #0078be;}

div.wpcf7-validation-errors {display: none!important}

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {width: 70%}
.wpcf7-captchac {border: 1px solid #0078be;}
.wpcf7-captchar {width: 20%!important}


.fixed-dialog{
    position: fixed !important;
    left: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    right: auto !important;
}

.ui-dialog .ui-dialog-title {
    color: #FFFFFF!important;
}
    
.ui-widget-header {
    background: url("http://bsacsurv.org/wp-content/themes/images/misc/cookie-popup-bg.jpg") repeat-x scroll 50% 50%;
    border: 1px solid #7c3b02;
    color: #FFFFFF;
    font-weight: bold;
}   
 

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color:#FFFFFF;
    background-image: none;
    border: 1px solid #7c3b02;
    color: #212121;
    font-weight: normal;
}

.element-toggle {
   background: url("images/icons/main-nav-arrow.png") no-repeat center 15px;
    border-left: 0 none !important;
    display: block;
    padding: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 2;  
}

/*  ---------------------------
    :: Footer
    --------------------------- */

.sponsors-contianer .row .ten.columns h3 a { color: #0078be; font-weight: 700; }
   


#cookie-popup {
        background: #fff;
        border: 1px solid #00a7ec;
        bottom: 0;
        left: 1%;
        padding: 15px;
        position: fixed;
        width: 14%;
        z-index: 999;
        display:none;
    }
    #cookie-popup p {
        margin-bottom: 9px;
    }
    #cookie-popup p a {
        margin-bottom: 0;
    }
    .hide-on-phones, .show-on-phones {
        display: none;
    }
    @media (min-width: 1130px){
        .hide-on-phones{display:block}
    }
    @media (max-width: 1130px){
        .show-on-phones{display:block}
        #cookie-popup{width:50%}
    }
    
    .caseItem{display:none;}
    .firstCaseItem{display:block;}