/*
Theme Name: Coro
Theme URI: http://coronorcal.org/
Description: Theme developed by Sunroof
Version: 3.5.1
Author: Tom Roof
Author URI: http://www.sunroof.io
Tags: Responsive Layout, HTML5/CSS3
*/

@charset "utf-8";
/* CSS Document */
html{height:100%;}
body{background: #fff; font-family: "museo-sans",sans-serif; color:#58595b; font-weight: 500; font-size:17px; margin:0; padding:0; height:100%}
a{color:#27aae1; text-decoration: underline; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
a:hover{text-decoration:none; color: #27aae1}
a:focus, button{text-decoration:none; outline:none; color: #0d6aa0}
input, select, textarea{font-family: "museo-sans",sans-serif; outline: none; font-size: 16px}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999;}
img{max-width:100%; height: auto}
p{padding-bottom: 25px; margin: 0; font-size: 15px}
h1, h2, h3, h4, h5{margin: 0; padding: 0 0 25px; color: #27aae1}
h1{font-weight: 900; font-size: 28px}
h2{font-weight: 700; font-size: 24px}
h3{font-weight: 500; font-size: 24px}
h5{margin: 0; padding: 0 0 10px; color: #231f20; font-size: 18px}
strong{font-weight: 700}
hr{border-color: #a0a2a5; margin-top: 10px; margin-bottom: 30px;}
blockquote{border-color: #27aae1}

/*repeated classes*/
.img img{display: block; width: 100%}
.button{background: #1b75bc; display: inline-block; padding: 7px 10px 7px 12px; text-transform: uppercase; color: #fff; min-width: 155px; height: 35px; font-size: 16px; text-decoration: none}
.button:after{content: ''; display: block; background: url("images/arrow.png") no-repeat; width: 9px; height: 11px; position: relative; float: right; margin: 5px 0 0 10px}
.button:hover{color: #fff}
.light-blue{background: #29aae2}
p.space-left{padding-left: 25px}

/*wrapper*/
.wrapper{min-height:100%; position:relative}

/*---header
================*/
.mainHeader{background: #fff url("images/header-bg.jpg") repeat-x top; height:105px; position: fixed; width: 100%; top: 0; z-index: 999; border-bottom: 1px #dddddd solid;}
.mainHeader .container{position: relative}

/*logo*/
h1.logo{margin: 0; padding: 14px 0 0; float: left}
h1.logo a{background: url("images/logo.jpg") no-repeat; width: 270px; height: 90px; display: inline-block; text-indent: -1000000px;}

.mainHeader .topBox{position: absolute; top: 0; right: 15px;}
.searchForm{background: #29aae2; width: 215px; height: 35px; float: left; padding: 0 30px 0 15px; position: relative}
.searchForm input{width: 100%; display: block; background: none; padding: 5px 0; color: #fff; border: none}
.searchForm input::-webkit-input-placeholder{color: #9ddcf9;}
.searchForm input[type='submit']{position: absolute; top: 8px; right: 10px; background: url("images/search-icon.png") no-repeat; width: 17px; height: 17px; text-indent: -100000px;}


/*---navigation
============================*/
.navigation{background: none !important; float: right; padding:60px 0 0}
.navigation ul{list-style:none; margin:0; padding:0; display:block;}
.navigation ul li{font-size:13px; position: relative; display: inline-block; text-transform: uppercase; margin-left: 30px; position: relative; height: 44px;}
.navigation ul li a{color:#231f20; text-decoration: none}
.navigation ul li:hover>a, .navigation ul li.current_page_item>a{color: #1b75bc}

/*sub menu*/
.navigation ul ul{position: absolute; top: 44px; left: 0; background: #ffffff; width: 190px; -webkit-box-shadow: inset 0 5px 11px rgba(0,0,0,0.17);
    -moz-box-shadow: inset 0 5px 11px rgba(0,0,0,0.17);
    box-shadow: inset 0 5px 11px rgba(0,0,0,0.17);
    display: none;
}
.navigation ul ul li{display: block; font-size: 17px; border-bottom: 1px solid #cecfd3; margin: 0; text-transform: capitalize; height: auto}
.navigation ul ul li a{padding: 7px 15px; display: block; text-decoration: none}
.navigation ul ul li a:hover{background: #d4effc; color: #1b75bc}
.navigation ul li:hover ul{display: block;}


/*---content
==================*/
.content{padding: 105px 0 400px}
.contentGraphic{background: url("images/img-1.png") bottom left no-repeat; min-height: 1030px}
.contentInner{background: rgba(255,255,255,.9); padding: 50px 0 20px 20px;}
.content .container{position: relative;}
.contentInner ul{padding: 0 0 20px 20px}

.content .button{margin: 0 20px 20px 0;}

/*banner*/
.banner{position: relative; z-index: 9; max-height: 350px; overflow: hidden}
.banner img{display: block; width: 100%}

.donorCon{background: url("images/color-bar.jpg") repeat-x bottom !important; padding-bottom: 18px}
.donorCon .contentInner{padding-top: 0; padding-bottom: 0}

/*donor*/
.donor-list{padding-top: 50px; position: relative; padding-left: 350px}
.donor-list .box{padding: 30px; background: #99dbf9; min-height: 250px; width: 320px; position: absolute; top: 0; left: 0; min-height: 100%}
.donor-list .box p{color: #fff; font-size: 20px;}
.donor-list .row-1{background: #262261}
.donor-list .row-2{background: #2a3990}
.donor-list .row-3{background: #1b75bc}
.donor-list .row-4{background: #29aae2}
.donor-list .row-5 p{color: #1b75bc; }
.donor-list .box .button{position: absolute; bottom: 25px; left: 0; display: block; width: 90%; padding: 15px 10px 10px 30px; height: 50px}

.donor-list ul{margin: 0 -20px; padding: 0; list-style: none}
.donor-list ul li{padding: 0 20px; float: left; width: 25%}
.donor-list ul li img{display: block; margin-bottom: 10px}
.donor-list p{font-size: 14px; color: #6d6e71;}
.donor-list h6{font-size: 15px; padding-bottom: 8px; margin: 0}

ul.text-list-1{margin-top: 30px;}
ul.text-list-1 li{width: 30%}
ul.benefactor-list li{margin-bottom: 30px; min-height: 80px}


/*item list*/
.itemList{ padding: 15px 0}
.itemList .box{height: 230px; overflow: hidden; margin-bottom: 20px; position: relative}
.itemList .box img{display: block; width: 100%;}
.itemList .box a{display: block; color: #fff}
.itemList .box .overLay{display: block; width: 100%; height: 100%; position: absolute; top: 80%; left: 0; background: rgba(102,102,102,.9); padding: 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.itemList .box:hover .overLay{top: 0}
.itemList h2{text-align: center; color: #fff; font-size:18px; padding-bottom: 15px}
.itemList p{font-size: 14px; line-height: 17px; padding-bottom: 5px; color: #fff}
.itemList span.readMore{display: block; text-align: center; color: #36a1c2; font-weight: 700; font-size: 17px}

.impactList h1{position: absolute; top: 42%; left: 0; width: 100%; color: #fff; text-align: center}
.impactList .box .overLay{background: rgba(255,255,255,0.9); top: 105%}
.impactList .box .overLay p{color: #333}
.impactList .box:hover h1{display: none}


.listingRow{list-style: none; margin: 0; padding: 0 !important;}
.listingRow li{border-bottom: 2px solid #77777a; padding-bottom: 25px; margin-bottom: 25px}
.listingRow .date-box p{font-size: 16px; color: #666}
.listingRow .date-box h4, .listingRow .date-box p, .listingRow .date-box h5{margin: 0; padding: 0; text-transform: capitalize}
.listingRow .date-box h4{font-size: 22px; color: #000; padding: 2px 0}
.listingRow .date-box h5{color: #77777a; font-size: 22px}
.listingRow h2{font-size: 14px; color: #666; font-weight: 400}
.listingRow p{font-size: 14px; padding: 0}
.listingRow p a{color: #666;}


.listRow{padding-top: 20px;}
.listRow h2{text-transform: uppercase; font-weight: 400}
.listRow ul{list-style: none; margin: 0 -10px; padding: 0}
.listRow li{min-height: 220px; width: 150px; padding: 0 10px; float: left}
.listRow a{display: block; text-decoration: none}
.listRow li figure{height: 150px; overflow: hidden}

.listRow .fullName{font-size: 14px; color: #333; text-transform: capitalize; line-height: 15px; display: block; padding: 10px 0 7px}
.listRow .position{color: #666; font-size: 11px; line-height: 15px; display: block}

.modal-content .close{position: absolute; top: 5px; right: 10px; z-index: 999}
.modal-body img{float: left; margin-right: 20px}
.modal-body h2{font-size: 19px; color: #333; font-weight: 400; text-transform: capitalize; margin: 0; padding: 10px 0}
.modal-body h3{font-size: 14px; color: #666; padding-bottom: 8px}
.modal-body small{display: block; font-size: 13px; color: #3fae2a}
.modal-body small a{color: #3fae2a; border: none}
.modal-body p{font-size: 14px; padding: 15px 0 0}


/*home page*/
.homePage .mainHeader{opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.homePage .showHeader{opacity: 1}
.homePage .content{padding-top: 0 !important;}
.homePage .mainFooter{background: #fff !important;}

.home-rowIn{position: relative; padding-left: 320px}
.home-rowIn .sidebar{width: 320px; height: 100%; position: absolute; top: 0; left: 0; background: #fff; padding: 35px; margin: 0 !important;}
.home-rowIn .sidebar-blank{background: none; padding: 0}
.home-rowIn .sidebar-blank img{width: 100%; display: block}
.home-rowIn .sidebar .button{display: block; margin: 0 0 0 -35px; padding: 8px 20px; height: auto; font-size: 22px;}
.home-rowIn .sidebar .button:after{margin: 10px 0 0 10px}
.home-rowIn .sidebar .searchForm{margin: 10px 0 0 -35px; width: 114%;  display: block; height: auto}
.home-rowIn .sidebar .searchForm input{padding: 10px 20px}
.home-rowIn .sidebar .searchForm input[type='submit']{top: 12px}

.home-rowIn .sidebar ul.socialList{margin: 25px 0 0 -10px; padding: 0; list-style: none}
.home-rowIn .sidebar ul.socialList li{font-size: 35px}

.home-rowIn .rightCol{padding: 30px 0 0 50px}
.home-rowIn .rightCol h1{font-size: 28px; color: #262261;}

/*menu*/
.sideMenu{ padding: 10px 0 120px}
.sideMenu ul{list-style: none; margin: 0; padding: 0}
.sideMenu li{font-size: 19px; text-transform: uppercase; color: #282560; margin-top: 20px}
.sideMenu a{color: #282560; text-decoration: none}

.home-row-1{position: relative; overflow: hidden; background: url("http://coronorcal.org/wp-content/uploads/2016/09/team-img.jpg") left no-repeat; background-size: cover}
.home-row-1 .overLapStripe{position: absolute; top: 0; right: 0; background: url("images/stripe.png") top right no-repeat; background-size: cover; height: 915px; width: 100%;}
.homeBanner{position: absolute; bottom: 0; right: 0; max-width: 1100px;}

.home-row-1 .home-rowIn{height: 915px; z-index: 99}
.home-row-1 .rightCol h1{padding: 10% 0 0 0}

.home-row-2{background: #e7e8e9 url("images/color-bar.jpg") bottom repeat-x; height: 420px}
.img-col{width: 50%; float: left;}
.slideArea{padding: 10px 0 18px}
ul.bxslider li{position: relative; height: 308px}
ul.bxslider li:after{border-left: 1px solid #8a8c8e; content: ''; display: block; height: 100%; position: absolute; top: 45px}
.slideArea h3{font-size: 27px; color: #231f20; font-weight: 300}
.slideArea h4{font-weight: 900; font-size: 14px; color: #1b75bc; text-transform: uppercase;; padding-left: 15px}
.slideArea p{font-size: 14px; color: #231f20; line-height: 17px; position: absolute; width: 100%; top: 105px; left: 15px}


.home-row-3{background: #e7e8e9;}
.home-row-3 .rightCol{min-height: 500px}
.home-row-3  h1{font-style: italic; color: #27aae1; line-height: 40px; font-weight: 500}

.home-row-4{background: #d4effc;}
.home-row-4 .col-1{width: 35%; float: left}
.home-row-4 .rightCol  h1{font-size: 34px}
.home-row-4 ul{list-style: none; margin: 0; padding: 10px 0 0}
.home-row-4 li{font-size: 30px; color: #1b75bc; margin-bottom: 40px; line-height: 35px}
.home-row-4 li a{text-decoration: none}
.home-row-4 .button{padding: 8px 20px 8px 50px; height: auto; font-size: 22px; background: #29aae2; display: block; margin-left: -50px; margin-bottom: 30px}
.home-row-4 .button:after{margin: 10px 0 0 10px}

.home-row-4 .col-2{width: 355px; background: url("images/round.png") no-repeat; height: 371px; position: absolute; top: 0; left: 250px}
.home-row-4 .roundImg{position: absolute; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0; top: 0; left: 250px; z-index: 99; width: 165px}
.home-row-4 .roundImg img{max-width: 203px;}
.home-row-4 .roundImg-1{margin: 14px 0px 0px 14px;}
.home-row-4 .roundImg-2{margin: 14px 0px 0px 176px;}
.home-row-4 .roundImg-3{margin: 132px 0px 0px 200px;}
.home-row-4 .roundImg-4{margin: 217px 0px 0px 77px;}
.home-row-4 .roundImg-5{margin: 133px 0px 0px 6px;}
.home-row-4 li:hover .roundImg{opacity: 1}

.home-row-4 .home-rowIn .rightCol{position: relative}


.home-row-5{background: #1b75bc;}
.home-row-5 .rightCol{padding-top: 50px; min-height: 500px}
.home-row-5 h4{font-style: italic; font-size: 19px; color: #97caed; font-weight: 500; line-height: 30px; padding: 30px 0 30px}
.home-row-5 .col-1{text-align: center}
.home-row-5 .col-1 a{font-size: 22px; color: #fff; text-decoration: none; display: block; margin-top: 10px; text-transform: capitalize}
.home-row-5 .col-1 a:after{content: ''; background: url("images/arrow.png") no-repeat; display: inline-block; width: 9px; height: 11px; margin-left: 10px}

.home-row-6{background: #282560}
.home-row-6 .rightCol{min-height: 600px; color: #fff}
.donors-buton{background: #29aae2; margin-top: 10px !important;}

.right-row{border-bottom: 1px solid #726990; padding-bottom: 10px; margin-top: 20px}
.home-row-6 .last-row{border: none}
.right-row h2{font-size: 22px; color: #27aae1}
.right-row h4{font-size: 19px; color: #fff; padding: 0 0 5px}
.right-row p{font-size: 14px}
.right-row .col-md-6 h4{margin-bottom: 10px;}
.bordercol{border-left: 1px solid #726990; padding-left: 40px}

.right-row .col-md-3 h4{margin-bottom: 10px; font-size: 16px}


.home-row-7{background: #29aae2}
.home-row-7 .rightCol{padding-top: 0 !important;}

.home-row-7 .col{min-height: 470px; float: left; width: 25%; padding: 28% 25px}
.home-row-7 .col a{font-size: 20px; color: #fff; text-decoration: none; display: block; margin-top: 10px; text-transform: capitalize}
.home-row-7 .col a:after{content: ''; background: url("images/arrow.png") no-repeat; display: inline-block; width: 9px; height: 11px; margin-left: 10px}
.home-row-7 .col-1{padding-left: 0; width: 15%}
.home-row-7 .col-2{background: #282560}
.home-row-7 .col-3{background: #2a3990; width: 30%}
.home-row-7 .col-4{background: #1b75bc; width: 30%}


/*---footer
================*/
.mainFooter{height:400px; width:100%; position:absolute; left:0; bottom:0; background: #e7e8e9; padding: 30px 0 0; font-size: 17px}
.mainFooter .col-1{width: 23%; float: left; padding-left: 15px}
.mainFooter h4{font-weight: 700; text-transform: uppercase; color: #27aae1; margin: 0; padding: 0; font-size: 17px}
.mainFooter ul{list-style: none; margin: 0; padding: 0 0 30px}
.mainFooter li{text-transform: capitalize}
.mainFooter a{color: #27aae1; text-decoration: none}

.mainFooter .col-3{width: 31%; float: right; padding: 10px 15px 10px 30px; border-left: 1px solid #a2a3a5}
.mainFooter p{color: #27aae1;}
ul.socialList li{font-size: 40px; color: #6d6f71; display: inline-block; margin-right: 15px}
ul.socialList li a{color: #6d6f71; text-decoration: none}
ul.socialList li a:hover{color: #27aae1}
.mainFooter p{padding-bottom: 20px;}

.searchList h2{font-size: 20px}


/*images align*/
.alignleft {
    float:left;
}
.alignright {
    text-align:right;
    float:right;
    display:block;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    display:block;
    float:right;
    margin: 0 0 5px 15px;
}
img.alignleft {
    display:block;
    float:left;
    margin: 0 15px 5px 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.vc_column_container{padding-bottom: 10px}
.wpb_row, .wpb_content_element{margin-bottom: 0 !important;}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header{padding:0!important}

/*------------------------------------Alumni---------------------------------*/
.alumni_sort{width:100%; height:42px; float:left;}
.alumni_sort_select{width:167px; height:38px; float:right; margin:5px; border:1px solid #CCC; padding:5px;}
.alumni_sort_search{width:167px; height:33px; float:right; margin:5px; border:1px solid #CCC; padding-left:10px;}

.list_alumni {
    clear: both;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 !important;
}
.list_alumni li {
    float: left;
    height: 130px;
    margin-bottom: 25px;
    margin-right: 22px;
    padding: 8px;
    position: relative;
    width: 150px;
}
.list_alumni li:hover{background:#9adbf9;}
.list_alumni li .title {
    color: #77777a;
    float: left;
    font-size:19px;
    min-height: 45px;
}
.list_alumni li .year {
    color: #29aae2;
    float: left;
    font-size:19px;
    width: 100px;
}
.list_alumni li .program {
    color: #77777a;
    float: left;
    font-size:13px;
}




.list_donors li {
    padding: 0 20px;
    width: 265px !important;
    float: left;
    font-size: 20px;
    height: 120px;
}


.btn_l_moreinner{width:190px; padding-left:30px; height:40px; float:left; line-height:36px; color:#000; font-size:18px; background:url(images/icn_arrow1.jpg) no-repeat right #29aae2; }
.btn_l_moreinner:hover{background-color:#2a3990;}
.btn_l_moreinner a{text-decoration: none; color: #000; display: block;}
.btn_l_moreinner a:hover{text-decoration: none; color: #fff;}


/* Coro Luncheon */

.st-containers {
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	}
.st-text-left {
	text-align: left;
}
.st-text-center {
	text-align: center;
}
.st-logo img{
	width: 26%;
}
.st-coro_content {
 overflow: hidden;
}
.st-coro_content img{
	float: left;
	margin-right: 15px;
}
.st-section-title {
	color: #002284;
	margin-top: 0;
}
.st-title {
	color: #002284;
	border-bottom: 1px solid #999999;
}
.st-subtitle{
	color: #C33000;
}
.st-coro_content.st-one p{
	color: #595959;
}
.st-coro_content .st-footer-text img{
	float: none;
}
.st-coro_content.st-five {
}
.st-footer-text {
	margin-bottom: 30px;
}
.st-footer-text p, .st-footer-text a{
	font-size: 12px;
	color: #999;
}
.st-foooter-top-text {
	margin-left: 20px;
}
.st-foooter-top-text .st-subtitle{
	font-weight: bold;
}
/* /Coro Luncheon */