/*
 Theme Name:   CNSI
 Description:  Divi Child Theme
 Author:       Booyah Creative
 Author URI:   http://www.booyahcreative.com
 Template:     Divi
 Version:      1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

body {
	font-weight: 300;
}
h1 {
    	/* border-bottom: 1px dotted #5fafd0; */
    	color: #666666;
    	font-size: 40px;
    	font-weight: 500 !important;
    	margin-bottom: 5px;
	text-transform: none !important;
}
h2 {
	color: rgb(16,92,167) !important;
	font-size: 25px;
	font-weight: 300 !important;
	padding: 0px;
	margin: 0px;
}
h3, h4 {
	font-weight: 500 !important;
}
#left-area .et_pb_button {
	color: #fff;
}
#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
	margin-left: 30px;
}
#et-main-area ul ul, #et-main-area ol ol {
	padding-bottom: 0;
}

/* HEADER */
/********************************/

.et_fullwidth_nav #main-header .container {
	padding-right: 20px;
}

.et_fullwidth_nav #logo {
	max-height: 90px;
}

.et_header_style_centered #main-header .logo_container {
    	background-color: #ffffff;
}
.et_header_style_centered #main-header div#et-top-navigation {
	padding-top: 15px;
}
#main-header .nav li ul a {
	line-height: 100%;
}
.et_pb_search_visible {
	margin-top: 10px;
}

.et_header_style_centered header#main-header.et-fixed-header .logo_container {
    padding: 15px !important;
}
#main-header .nav li ul {
    background-color: #ffffff !important;
}
#main-header .nav li ul a {
    color: #000000 !important;
}
#main-header .nav li ul a:hover {
    background-color: #ccc !important;
}
#page-container .et-fixed-header #top-menu li li.current-menu-ancestor > a, #page-container .et-fixed-header #top-menu li li.current-menu-ancestor li > a, #page-container .et-fixed-header #top-menu li li.current-menu-item ul > a, #page-container .et-fixed-header #top-menu li li.current-menu-item > a {
    color: #000000 !important;
}
.et_mobile_menu {
	padding: 2%;
	border-color: #ffe800 !important;
}
.et_mobile_menu li a {
	padding: 3px 5%;
	font-weight: normal;
}

/* HOMEPAGE */
/*************************/
#cnsi-home-widget h1 {
	font-size: 24px !important;
	padding-bottom: 10px;
}

/* STORY PAGES */
/*************************/
.cnsi-storyfull {
	height: 100%;
}
.cnsi-story-bottom {
	position: absolute;
	bottom: 0;
}

/* COMPANY BLOCKS */
/*************************/
#mc_embed_signup form {
}

/* COMPANY BLOCKS */
/*************************/
.cnsi-company .et_pb_promo_description {
	min-height: 123px;
}

/* EDUCATOR LOGIN */
/*************************/
body.logged-in .cnsi-loginform a {
	display: block;
	color: #fff !important;
	padding: 5px 13px;
	background: rgba(0, 163, 232, 0.68);
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #fff;
}
.cred-field .cnsi-required::after {
	content: "*";
	color: red;
}
.wpt-form-submit, .gform_button {
	font-size: 19px !important;
	text-transform: none;
	background: rgba(0, 163, 232, 0.68) none repeat scroll 0 0 !important;
	letter-spacing: 1px;
	border: 1px solid;
	color: #fff;
	padding: 10px;
	float: none;
	font-family: "Roboto Condensed",Helvetica,Arial,Lucida,sans-serif;
}
#main-content .ai1ec-calendar-link, #main-content #mc_embed_signup .button  {
	text-transform: none;
	background-color: #5fafd0;
	letter-spacing: 1px;
	border: none;
	color: #fff !important;
	padding: 5px 10px;
	float: none;
	font-family: "Roboto Condensed",Helvetica,Arial,Lucida,sans-serif;
	border-radius: 0;
    	font-size: 14px;
    	font-weight: 700;
	line-height: 150%;
	height: auto;
}
#main-content .ai1ec-calendar-link:hover, #main-content #mc_embed_signup .button:hover {
	background-color: #666;
}
.wpt-form-submit:hover, .gform_button:hover {
	background-color: #ffe800;
	color: #666;
}

#main-content .cnsi-hidelabels .gfield_label {
	display: none;
}
#main-content .cnsi-hidelabels input, #main-content .cnsi-hidelabels select, #main-content .cnsi-hidelabels textarea {
	padding: 10px;
	margin-bottom: 10px;
}

/* EVENTS */
/*************************/
/*body.home .ai1ec-btn-toolbar, body.home .ai1ec-calendar-toolbar, body.home .ai1ec-dropdown-toggle, body.home .ai1ec-pull-left, body.home .ai1ec-subscribe-container {
	display: none;
	border: none;
}
*/
.cnsi-newsevents .et_pb_column_1_3 h1 {
	font-size: 40px;
}
.cnsi-newsevents .et_pb_widget_area_right {
	padding: 0;
	border: none;
}
body.single-ai1ec_event .ai1ec-col-sm-3 {
	width: auto;
}

body.single-ai1ec_event #left-area .post-meta {
	display: none;
}
body.single-ai1ec_event .et_pb_post .entry-content {
	padding-top: 15px;
}
body.single-ai1ec_event #main-header, body.single-post #main-header, body.search-results #main-header, body.error404 #main-header, body.single-our-people #main-header {
	/*background-color: #355d88;
	background-image: url("/wp-content/uploads/2015/11/MoleculeBG-2000x1100png.png"); */
	background-color: #ffffff;
} 
body.single-our-people .et_post_meta_wrapper, body.search-results .et_post_meta_wrapper, body.error404 .et_post_meta_wrapper {
	display: none;
}
body.single-our-people #sidebar, body.search-results #sidebar, body.error404 #sidebar {
	display: none;
}
body.single-our-people #left-area, body.search-results #left-area, body.error404 #left-area{
	float: none;
	padding-right: 0 !important;
	width: 100%;
}
body.single-our-people #main-content .container::before, body.search-results #main-content .container::before, body.error404 #main-content .container::before {
	background-color: transparent;
}
body.single-our-people .et_pb_post .entry-content, body.search-results .et_pb_post .entry-content, body.error404 .et_pb_post .entry-content {
	padding-top: 0;
}
.ai1ec-title-buttons .ai1ec-btn-group {
    	margin-left: 0;
}

/* SURVEY BUTTON PAGES */
/*************************/
.cnsi-survey-buttons p {
	display: none;
}
.cnsi-survey-buttons .et_pb_fullwidth_header_container.left .header-content {
	padding: 0;
}


/* PEOPLE DIRECTORY PAGES */
/*************************/
.cnsi-people-pic {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
    	background-color: #fff;
	border: 1px solid #ccc;
	max-width: 250px;
}
.wpv-filter-form {	
	background-color: #efefef;
	padding: 20px;
	margin-bottom: 30px;
}
.cnsi-people-excerpt {
	border: 1px solid #efefef;
	padding: 20px;
	margin-bottom: 20px;
}
.cnsi-people-with-pic {
	min-height: 110px;
}
.cnsi-people-excerpt .cnsi-people-with-pic p {
	padding-left: 130px;
}
.cnsi-people-excerpt img {
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 20px 0 -20px;
    padding: 10px;
	max-width: 130px;
}
.cnsi-people-excerpt h2 {
	background-color: #ccc;
	margin: -20px -20px 20px;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold !important;
}
.cnsi-people-excerpt .more-link {
    	float: right;
    	position: relative;
	margin-right: -20px;
}
.cnsi-people-excerpt p {
	line-height: 150% !important;
}
.cnsi-pagination hr {
	color: #ccc;
	border: 1px dotted #ccc;
}
#main-content .cnsi-pagination ul {
	padding: 0;	
	display: inline;
}
#main-content .cnsi-pagination li {
	display: inline;
}
#main-content .cnsi-pagination .wpv-filter-pagination-link {
	border: 1px solid #5fafd0;
	padding: 3px 7px;
	background-color: #5fafd0;
	color: #fff;
	margin-right: 5px;
}
#main-content .cnsi-pagination a.wpv-filter-pagination-link:hover {
	background-color: #666;
}
#main-content .cnsi-pagination span.wpv-filter-pagination-link {
	background-color: transparent;
	color: #333;
	font-weight: bold;
}
.cnsi-people-long {
	padding: 10px 0 30px;
}
#main-content ul.et_pb_tabs_controls {
	margin-left: 0 !important;
}

/* POSTS */
/*************************/
#main-content .et_pb_bg_layout_dark p a {
	color: #ffe800;
}
.et_pb_post {
	border-bottom: 1px dotted #5fafd0;
	position: relative;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

.et_pb_fullwidth_section .et_pb_post_title .et_pb_title_container h1 {
    	border-bottom: medium none;
    	font-size: 42px;
    	font-weight: 300 !important;
    	margin-bottom: 0;
	text-transform: none !important;
}
.et_pb_fullwidth_section .et_pb_fullwidth_header .header-content {
    font-weight: 300 !important;
    font-size: 18px;
}
.more-link {
    background-color: #5fafd0;
    color: #fff;
    display: block;
    font-family: "Roboto Condensed",Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    padding: 0 10px;
    position: absolute;
    right: 0;
	bottom: 0;
    text-transform: uppercase;
	font-size: 14px;
}
.more-link:after {
	content: " »";
}
.more-link:hover{
	background-color: #666;
}
.post-meta {
	font-size: 12px !important;
	text-transform: none;
	font-style: italic;
}
.et_pb_blog_grid .et_pb_post {
	padding-bottom: 30px;
}


/* TABLES */
/**********************/
#et-main-area #main-content .entry-content tr th {
	background-color: #666;
	color: #fff;
}

/* FOOTER */
/**********************/
#footer-widgets .textwidget {
	font-weight: 300;
}
#footer-widgets .et_pb_widget a {
	color: #fff;
	font-weight: 700;
}

/* RESPONSIVE QUERIES */
/******************************/
@media only screen and ( min-width: 1405px ) {
}
@media only screen and ( min-width: 981px ) {
}
@media only screen and ( min-width: 1200px ) {
}
@media only screen and ( min-width: 1100px ) {
}
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
}
@media only screen and ( min-width: 981px ) and ( max-width: 1405px) {

}
@media only screen and ( min-width: 981px ) {
}
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
}
@media only screen and ( max-width: 980px ) {
	.cnsi-story-bottom {position: relative;}
	.et_header_style_centered #logo {max-height: 100px;}
	#et-main-area #main-content .entry-content tr td, #et-main-area #main-content .entry-content tr th {padding: 1% 2% !important; border: 1px solid #ccc;}
	body.single-ai1ec_event #main-header, body.single-post #main-header, body.search-results #main-header, body.error404 #main-header, body.single-our-people #main-header {background-color: #fff; border-bottom: 5px solid #5fafd0;}
	#mc_embed_signup form {padding: 0 !important;}
}
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	.cnsi-mobile-align-center, .cnsi-mobile-align-center div {text-align: center !important;}
	.et_pb_column {margin-bottom: 10px;}
	#main-content .et_pb_tabs_controls li {padding: 5px 10px 3px;}
	#cnsi-home-widget .et_pb_widget {float: none; width: 100% !important;}

}
@media only screen and ( max-width: 767px ) {
	#main-content .cnsi-survey-buttons .header-content h1 {display: block !important; width: 100%; margin-bottom: 0;}
	.footer-widget .et_pb_widget {text-align: center;}
	.et_monarch .et_social_networks .et_social_icons_container {width: 130px;}
	.cnsi-people-pic {float: none !important; margin: auto !important;}
	.cnsi-people-long {text-align: center;}
	.cnsi-mobile-align-center, .cnsi-mobile-align-center div {text-align: center !important;}
	.et_pb_column {margin-bottom: 10px;}

}
@media only screen and ( max-width: 479px ) {
	.et_pb_fullwidth_section .et_pb_post_title .et_pb_title_container h1 {font-size: 32px;}
	.cnsi-company .et_pb_promo_description {min-height: 5px;}
	.et_header_style_centered #main-header div#et-top-navigation {padding-top: 0;}
	span.logo_helper {display: none;}
	.cnsi-mobile-table {}
	.et_pb_slides .et_pb_more_button {display: none !important;}
	.et_pb_slides .et_pb_slide_description {width: 100% !important; padding: 40% 10% 20% !important; text-align: center !important;}
	h1 {font-size: 30px;}
	#page-container .cnsi-survey-buttons .et_pb_more_button {margin-left: 0 !important; margin-right: 0  !important;}
	#main-content .cnsi-pagination ul {margin-left: 0;}
	.wpv-filter-form span.cnsi-field {display: block;}
	.cnsi-people-excerpt .cnsi-people-with-pic p {padding: 0;}
	.cnsi-people-excerpt img {margin: 0 auto 15px; display: block !important; float: none !important;}
	.cnsi-people-excerpt h2 {margin: 0 -20px 20px;}
}

/* widget css */

.widgettitle {color: #0c76bc}
.tribe-list-widget { display: inline-block}

#recent-posts-3 ul > li {
    display: inline-block;
    /* Next two lines make IE7 behave */
    zoom: 1;
    *display: inline;

}

/*-----Shutter Effect-----*/
.ds-hover-5 {
    display: inline-block;
	position: relative;
	margin: 0px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #c7c7c7;
}
.ds-hover-5 img {
	display: block;
	max-width: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.ds-hover-5:hover img {
	opacity: 0.5;
}
.ds-hover-5::after {
	content: attr(ds-title);
	position: absolute;
	height: 12%;
	color: #fff;
    z-index: 1;
	top: 0;
	width: 90%;
	background: rgba(0,0,0,0.5);
	font-weight: 300;
	font-size: 18px;
	text-transform: uppercase;
	padding: 5%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}
.ds-hover-5::before {
	content: attr(ds-desc);
	position: absolute;

	color: #fff;
	z-index: 1;
	top: 23%;
	width: initial;
	background: rgba(0,0,0,0.5);
	font-size: 12px;
	line-height: 18px;
	padding: 2% 5% 16% 5%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}
.ds-hover-5:hover::after,
.ds-hover-5:hover::before {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

.ds-hover-1 {
    display: inline-block;
	position: relative;
	margin: 0px;
	overflow: hidden;
	background: #000;
}
.ds-hover-1 img {
	display: block;
	max-width: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.ds-hover-1:hover img {
	opacity: 0.5;
}
.ds-hover-1::after {
	content: attr(ds-title);
	position: absolute;
	height: 13%;
	color: #fff;
    z-index: 1;
	top: 0;
	width: 90%;
	background: rgba(0,0,0,0.5);
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
	padding: 5%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}
.ds-hover-1::before {
	content: attr(ds-desc);
	position: absolute;
	height: 100%;
	color: #fff;
	z-index: 1;
	top: 26%;
	width: initial;
	background: rgba(0,0,0,0.5);
	font-size: 15px;
        line-height: 120%;
	padding: 2% 5% 5% 5%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}
.ds-hover-1:hover::after,
.ds-hover-1:hover::before {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}



/* Round images */
.circular img {
 border-radius: 50%;
}

/* Member Page */

h3.member-box-title {

size: 12px;
padding: 10px;
margin: 5px;
text-transform: none;
background-color: #ffffff;
text-align: center;
}

.member-box {
background-color: #f0f0f0;
min-width: 250px; 
width: 30%;
padding: 5px;
margin: 5px;
border: 1px solid #dfdfdf;
height: 175px;
float: left;
text-align: center;
}

p {line-height: normal;}

.about_auther{
  display:none;
}

/* Gravity forms styling */

.gf-custom-text {font-size: 1.0em; font-weight: bold;}


