/*
Theme Name: croctheme
Theme URI: http://spsoexecutive.weebly.com/
Description: The bapz theme  is a fully responsive theme that looks great on any device. Features include 
a front page template with its own widgets, an optional display font, styling for post formats on both index and single views,
and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Author: croctheme
Author URI: http://themeforest.net/user/croctheme
Version: 1.0.0
Tags: custom-menu, editor-style, featured-images, flexible-header, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: croctheme

*/

/* =Reset
-------------------------------------------------------------- */
@font-face {
  font-family: OpenSansBold;
  src: url('fonts/OpenSans-Bold.ttf');
}

@font-face {
  font-family: OpenSansSemiBold;
  src: url('fonts/OpenSans-Semibold.ttf');
}

@font-face {
  font-family: OpenSansSemiboldItalic;
  src: url('fonts/OpenSans-SemiboldItalic.ttf');
}

@font-face {
  font-family: OpenSansExtraBoldItalic;
  src: url('fonts/OpenSans-ExtraBoldItalic.ttf');
}

@font-face {
  font-family: OpenSansItalic;
  src: url('fonts/OpenSans-Italic.ttf');
}

@font-face {
  font-family: OpenSansLight;
  src: url('fonts/OpenSans-Light.ttf');
}

@font-face {
  font-family: OpenSansLightItalic;
  src: url('fonts/OpenSans-LightItalic.ttf');
}

@font-face {
  font-family: OpenSansRegular;
  src: url('fonts/OpenSans-Regular.ttf');
}

body {
	background: #ebeced;
	color: #231f20;
	font-size: 14px;
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;	
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

.border-top li{
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 210px;
    
}

.border-top .owl-carousel{
	width: 100%;
	max-height: 400px;
}

table{
	width: 100%;
	background: #fff;
	border:  10px solid #fff;
	font-size: 12px;
}

table tr{
	border-bottom: 1px solid #c9c9c9;
}

hr{
	border: 1px solid #1e88bd;
	clear: both;
}

h5{
	color: #1e88bd;
	font-weight: normal;
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	line-height: 1.8;
}

table h5{
	line-height: 1;
}

h6{
	color: #1e88bd;
	padding-top: 10px;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: normal;
	line-height: 1.8;
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
}

h1,h3, .join-btn{
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;

}



h1{
	color: #1e88bd;
	text-transform: uppercase;
}

h2{
	font-size: 22px;
	margin-bottom: 30px;
}

h3{
	font-size: 18px;
}

h4{
	position: relative;
	color: #1e88bd;
	padding-top: 10px;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 1.8;
	font-weight: bold;
}

h4:before{
	background: #1e88bd;
	width: 50%;
	content: "";
	position: absolute;
	top: -2px;
	height: 2px;
}

a{
	color: #1e88bd;
}

.read-more{
	color: #231F20;
}

.read-more span{
	color: #1e88bd;
	font-family: OpenSansBold;
}

p i{
	font-family: OpenSansLightItalic;
	color: #000;
}

em{
	font-family: OpenSansSemiboldItalic;
}

p{
	clear: both;
	margin-bottom: 5px;
	font-family: OpenSansLight;
}

.breadcrumbs{
	padding-bottom: 15px;
}

.breadcrumbs a{	
    background: none ;
    box-shadow: none;
    color: #231F20;
    padding: 0;
}

.entry-content p{
	margin-bottom: 30px;
}

.entry-content .wpcf7 p{
	margin-bottom: 15px;
}

.small-text{
	width: 26%;
	display: inline-block;
}

textarea{
	width: 100%;
	max-height: 190px;
}

.banner-img{
	width: 100%;
}

.entry-content img{
	max-width: 100%;
	height: auto;
}

.entry-content iframe{
	max-width: 100%;
}

.video iframe{ 
	width: 100%;
}

.video hr{
	margin-top: 0;
}

section{
	padding: 30px 0;	
}

.main{
	padding-top: 5px;
}

.container{
	max-width: 1024px;
}

h1.title{
	border-bottom: 2px solid #1e88bd;
	margin-top: 0;
	text-transform: uppercase;
	padding-bottom: 15px;
	font-size: 28px;
	margin-bottom:0px;
}

/*Header*/
.site-header{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	padding: 0;
}

.slider-video-icon{
	background: url(images/icon-video.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-indent: -9999px;
}


/* Navigation Menu */
.main-navigation {
	text-align: left;
}
.main-navigation li {
	margin-top: 8px;
	font-size: 15px;
	line-height: 1.42857143;
}

.menu-item-has-children > a{
	position: relative;
	padding-right: 12px;
}

.menu-item-has-children > a:after{
	position: absolute;
	content: "";
	bottom: 6px;
	right: 0;
	background: url(images/arrow.png) no-repeat center right;
	padding: 4px;
}

.main-navigation a {
	color: #fefefe;
}
.main-navigation a:hover {
	color: #fff;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
	float: right;
	color: #fff;
	cursor: pointer;
}

#main-slider .item img{
	display: block;
	width: 100%;
	height: auto;
}

ul.toggled-on{
	background: #1e88bd;
	padding: 20px;
	list-style: none;
	position: relative;
}

ul.toggled-on:before{
		width: 0;     
		height: 0;     
		border-left: 10px solid transparent;     
		border-right: 10px solid transparent;     
		border-bottom: 10px solid #1e88bd;     
		margin: 0 0 0 15px; 
		content: "";
		position: absolute;
		top: -10px;
		right: 20px;
	}

/*front page*/
.home-box{
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
}

.home-box img{
	width: 100%;
}

.box-link{
	display: block;
	padding: 12px;
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}

.border-top{
	margin-top: 30px;
	border-top: 3px solid #1e88bd;
	padding: 0 0 20px;
}

.border-top h5 a,
 .linkdin-title{
    font-weight: bold;
    padding-bottom: 5px;
    display: block;
    color: #1e88bd;
    margin-top: 0;
    padding-top: 20px;    
}

#secondary .linkedin-status h5{
	margin-bottom: 2px;
}

h3.linkdin-title{
	font-weight: normal;
	font-size: 23px;
}

.widget{
	margin-bottom: 30px;
}

.widget ul{
	padding-left: 0;
	list-style: none;
	overflow: hidden;
}

.widget-title{
	margin-bottom: 10px;
	text-transform: uppercase;
	background: #1e88bd;
	color: #fff;
	font-size: 13px;
}

#secondary .widget-title{
	padding: 10px;
}

.widget h6{
	margin-top: 0;
}


.post{
	background: #fff;
	padding: 25px 15px;
	margin-bottom: 22px;
	-webkit-box-shadow: -1px 3px 2px 0px #c9c9c9;
	-moz-box-shadow:    -1px 3px 2px 0px #c9c9c9;
	box-shadow:         -1px 3px 2px 0px #c9c9c9;
}

.entry-title{
	
}

h3.entry-title{
	margin-top: -18px;
    padding-bottom: 10px;
    padding-left: 90px;
	font-size: 16px;
}

.post-date{
	background: rgba(217, 218, 220, .8);
	padding: 5px 20px;
	margin-left: -30px;
	color: #959698;
}

.post-header{
	overflow: hidden;
	margin-bottom: 20px;
	line-height: 25px;
}

.post .sharethis{
	float: right;	
	list-style: none;
	padding-bottom: 0;
}


.post .sharethis li{
	display: inline-block;
	margin: 0 0 0 5px;
	float: left;
	line-height: 25px;
}

.sharethis a{
	display: block;
	text-align: center;
	color: #fff;
	background: #1E88BD;
}

.sharethis i{
	width: 25px;
	line-height: 25px;
}

.post-edit-link{
	float: right;
}

.entry-summary,
.entry-content{
	display: block;
	overflow: hidden;
	padding: 5px 0;
}

.entry-summary .read-more{

}

.page .entry-content,
.single-team .entry-content{
	margin-bottom: 30px;
}

.team-thumb,
.blog-thumb{
	width: 100%;
	margin-bottom: 10px;
}

.single-team .team-thumb{
	margin-bottom: 0;
}

.team-thumb{
	margin-bottom: 30px;
}

h1 span{
	border-bottom: 2px solid #1E88BD;
    display: inline-block;
    font-size: 20px;
    padding-bottom: 15px;
    padding-right: 72px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.team-page .entry-content{
	color: #1E88BD;
}

.team-page .entry-content p{
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
}

.team-info{
	padding: 20px 0;
	border-top: 2px solid #1E88BD;
}

.team-info p{
	margin-bottom: 15px;
}

.connect-linkdin span{
	color: #fff;
	background: #1E88BD;
	padding: 5px 8px;
	display: inline-block;
}

.connect-linkdin{
	display: block;
    margin-bottom: 30px;
    margin-top: 5px;
    text-transform: uppercase;
}


.single-team .single-team{
	margin-bottom: 30px;
}

body .single-team{
	position: relative;
	margin-bottom: 30px;
}

.single-team .team-hover{
	
	background: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	padding: 90px 19px 0;
	-webkit-animation-duration: 500ms;
	   -moz-animation-duration: 500ms;
	     -o-animation-duration: 500ms;
	        animation-duration: 500ms;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	        -webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}

.small .team-hover{
	padding: 5px;
}
.edit-link{
	overflow: hidden;
}

.single-team:hover .team-hover{
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}





.team-hover h3{
	font-size: 32px;
}

.small .team-hover h3{
	font-size: 14px;
}

h3 .team-link{
	background: url(images/links.png) no-repeat right bottom;
	display: block;
	color: #fff;
	padding-right: 35px;	
	text-transform: uppercase;
	margin-bottom: 5px;
}

.small h3 .team-link{
	padding-top: 13px;
}

.team-hover a:hover{
	text-decoration: none;
}

.team-hover h4{
	font-family: OpenSansRegular;
    font-size: 13px;
    text-transform: uppercase;
}

.home .team-hover h4{
	text-transform: none;
	font-size: 14px;
}

.small .team-hover h4{
	font-size: 11px;
}

.team-hover h4 a{
	 color: #FFFFFF;
}

.team-hover h4:before{
	width: 100%;
	background: #fff;
}

blockquote{
	background: #1E88BD;
	color: #fff;	
	position: relative;
	margin-left: 15px;
	padding: 24px 20px;
	margin-bottom: 20px;
}

.entry-content blockquote p{
	font-size: 14px;
	font-family: 'OpenSansLight';
	margin-bottom: 20px;
}

.entry-content blockquote p:first-child{
	margin-bottom: 10px;
}

.entry-content blockquote p:last-child{
	margin-bottom: 0;
}

blockquote:before{
	width: 0;     
	height: 0;     
	border-top: 15px solid transparent;     
	border-bottom: 15px solid transparent;     
	border-right: 15px solid #1E88BD;     
	margin: 0 0 0 25px; 
	content: "";
	position: absolute;
	top: 30%;
	left: -40px;
}

footer{
	overflow: hidden;
}

div.wpcf7{
	background: #fff;
	display: inline-block;
	padding: 20px 30px;
	width: 100%;
	margin-bottom: 30px;
}

.wpcf7-form >p >i{
	color: red;
}

.wpcf7-radio > span{
	display: block;
}

.wpcf7-exclusive-checkbox > span{
	display: block;
	font-size: 13px;
}

.wpcf7-submit{
	background: #1e88bd;
	color: #fff;
	padding: 5px 20px;
	text-transform: uppercase;
	border: none;
}

.widget h6{
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.widget h6:after{
	background: #1E88BD;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 25%;
}

.join-btn{
	background: #1E88BD;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    line-height: normal;
    margin-top: 20px;
    padding: 7px 10px;
    text-transform: uppercase;
}

.join-btn:hover{
	color: #fff;
}

/*footer*/
#footer{
	background: #1e88bd;
	color: #fff;
	font-size: 13px;
}

#footer a{
	color: #fff;
}

#footer .widget{
	margin-bottom:  0;
}

.social-title{
	text-transform: uppercase;
}

.social-list{
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.social-list li{
	display: inline-block;
	margin-right: 2px;
}

#footer .social-list a{
	background: #fff;
	 color: #1E88BD;
    font-size: 16px;
    padding: 2px 7px;
}


/* AddThisEvent */
.wpcf7-submit,
.addthisevent-drop 						{width:170px;display:inline-block;position:relative;z-index:999998;background:#1E88BD !important;border: medium none !important;color:#fff !important;font-size:15px !important;text-decoration:none;padding:7px 10px !important;}
.addthisevent-drop:hover 				{color:#fff;font-size:15px;text-decoration:none;background:#2c84f4;}
.addthisevent-drop:active 				{top:1px;}
.addthisevent-drop .arrow 				{width:15px;height:10px;position:absolute;top:50%;right:15px;margin-top:-5px;background:url(images/icon-arrow-t2.png) no-repeat;}
.addthisevent-selected 					{background-color:#2c84f4;}
.addthisevent_dropdown 					{width:100%;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:2px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addthisevent_dropdown span 			{display:block;line-height:110%;background:#fff;text-decoration:none;font-size:13px;color:#1E88BD;padding:3px 10px 9px 15px;}
.addthisevent_dropdown span:hover 		{background:#f4f4f4;color:#1E88BD;text-decoration:none;font-size:14px;}
.addthisevent span 						{display:none!important;}
.addthisevent-drop ._url,.addthisevent-drop ._start,.addthisevent-drop ._end,.addthisevent-drop ._summary,.addthisevent-drop ._description,.addthisevent-drop ._location,.addthisevent-drop ._organizer,.addthisevent-drop ._organizer_email,.addthisevent-drop ._facebook_event,.addthisevent-drop ._all_day_event {display:none!important;}
.addthisevent_dropdown .copyx 			{height:21px;display:block;position:relative;cursor:default;}
.addthisevent_dropdown .brx 			{width:180px;height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;top:9px;}
.addthisevent_dropdown .frs 			{position:absolute;top:3px;cursor:pointer;right:10px;padding-left:10px;font-style:normal;font-weight:normal;text-align:right;z-index:101;line-height:110%;background:#fff;text-decoration:none;font-size:10px;color:#cacaca;}
.addthisevent_dropdown .frs:hover 		{color:#1E88BD;}
.addthisevent 							{visibility:hidden;}
.tribe-theme-croctheme .entry-content{
 overflow: visible;
}


/* Minimum width of 641 pixels. */
@media screen and (min-width: 801px) {	
	.main-navigation {
		text-align: center;
	}

	.menu-item-has-children > a:after{
		bottom: 20px;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		float: right;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}

	.main-navigation li{
		margin-top: 24px;
	}

	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #fefefe;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #fff;
	}
	.main-navigation li {
		margin: 0 15px 0 0;
		position: relative;
	}

	.main-navigation .nav-menu > li:last-child{
		margin-right: 0;
	}

	.main-navigation li ul {
		 background: none repeat scroll 0 0 #F7F8F8;
	    display: none;
	    margin: 0;
	    padding: 14px 0;
	    position: absolute;
	    top: 100%;
	    z-index: 1;
	}

	.nav-menu > li > ul:before{
		width: 0;     
		height: 0;     
		border-left: 15px solid transparent;     
		border-right: 15px solid transparent;     
		border-bottom: 15px solid #f7f8f8;     
		margin: 0 0 0 25px; 
		content: "";
		position: absolute;
		top: -10px;
	}

	.main-navigation li ul ul {
		top: 0;
		left: 100%;
		padding: 8px 0;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}

	.main-navigation li ul li{
		margin-right: 0;
	}

	.main-navigation li ul .current-menu-item a,
	.main-navigation li ul li a {
		display: block;
		font-size: 11px;
		padding: 0px 10px;
		width: 240px;
		white-space: normal;
		color: #231f20;
		line-height: normal;
	}
	.main-navigation li ul li a:hover {
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #fff;
	}
	.menu-toggle {
		display: none;		
	}	

	.border-top .owl-carousel{
		width: 75%;
	}
}


@media screen and (max-width: 640px) {	
	.slider-video-icon{
		background-size: 51px 50px;
		-o-background-size: 51px 50px;
		-webkit-background-size: 51px 50px;
	}

	.site-header h1{
		margin-top: 5px;
	}

	.border-top li {
    width: 50%;
	}
	
}
@media screen and (max-width: 480px) {	
	.slider-video-icon{
		background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
	}

	.logo img{
		max-width: 130px;
	}

	.border-top li {
    width: 100%;
	}
	
}