/*
Theme Name: SL Theme
Version: 1.0
Description: C3i3 Corporate - C3i3 Interactive, Inc. WordPress Theme
Tags: Responsive, Bootsrap3, Fixed Menu, Mobile Menu, Footer Menu, Custom C3i3 Theme, Blog
Author: C3i3 Interactive - Ricardo
Author URI: http://www.c3i3interactive.com
*/

/** Custom ContactUs Side Btn **/

#contactus-btn-wrapper {
  position: absolute;
  width: 50px;
  z-index: 20;
  right: 0;
}
#contactus-btn {
  background: url('images/contact-side-btn.png');
  background-repeat: no-repeat;
  position: fixed;
  top: 22%;
  width: 50px;
  height: 240px;
  transition: all .2s ease-in-out;
  z-index: 1;
  border:0px solid #fff !important;
}
#contactus-btn:hover {
  cursor: pointer;
  opacity: 0.9;
  margin-top: 5px;
}

/* Jetpack Social Sharing */

.page .sharedaddy, .pardot_protected .sharedaddy, .pardot_protected .categories, .pardot_protected a {
  display: none;
}

/* Evaluation Form */

.eval-form .gform_wrapper .gform_footer input.button, .eval-form .gform_wrapper .gform_footer input[type=submit] {
  background-color: #3ab700;
}
.gform_wrapper ul.gfield_checkbox label {
  font-weight: normal !important;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label {
  font-weight: normal !important;
}

/* Fix resources video issue */

.resources-section.video-list li { height:220px; }

@media screen and (max-width: 1024px) {
  #contactus-btn-wrapper {
    width: 38px;
  }
  #contactus-btn {
    top: 30%;
    background-size: cover;
    width: 38px;
    height: 182px;
  }
}
@media screen and (max-width: 768px) {
  #contactus-btn-wrapper {
    width: 25px;
  }
  #contactus-btn {
    top: 75%;
    background-size: cover;
    width: 25px;
    height: 120px;
  }
}
@media screen and (max-width: 480px) {
  #contactus-btn {
    top: 45%;
  }
}
@media screen and (max-width: 376px) {
	#contactus-btn {
		right: 0;
		width: 38px;
		height: 182px;
		top:70%;
	}
}

/** Custom ContactUs Modal **/

#contactus-modal .modal-title {
  text-align: center;
  background: #229FD6;
  padding: 10px;
  color: #fff;
  text-transform: uppercase;
}
#contactus-modal .close {
  background: #333;
  border-radius: 50%;
  width: 22px;
  z-index: 1;
  opacity: 1;
  color: #fff;
  margin-right: -7px;
  margin-top: -7px;
}
#contactus-modal .demo-button {
  background: #229FD6;
  height: 35px;
  line-height: 30px;
}
#contactus-modal .modal-body a {
  color: #229FD6;
}
#contactus-modal .modal-body a:hover {
  color: #333;
}

/** Custom Google Search CSS **/

input.gsc-search-button-v2 {
 min-height: 29px !important;
 min-width: 37px !important;
}

.gsc-control-cse div {
 padding-top: 2px;
}

.search-icon {
    position: absolute;
    top: 65px;
    right: 74px;
}
.search-icon i {
 color: #999;
 position: relative;
 top: -8px;
 right: 10px;
 font-size: 22px;
}
@media screen and (min-width: 769px) {
  .search-icon {
    position: absolute;
    right: 220px;
    top: 50px;
  }
}
@media screen and (min-width: 1025px) {
  .search-icon {
    right: 250px;
  }
}
@media screen and (min-width: 1600px) {
  .search-icon {
    position: absolute;
    right: 300px;
    top: 50px;
  }
}
@media screen and (min-width: 1120px) {
  .search-icon {
    right: 316px;
  }
}
@media screen and (min-width: 1600px) {
  .search-icon {
    right: 366px;
  }
}

@media screen and (min-width: 1600px) {
	.page-content table h3 {
		font-size: 22px;
	}
	.page-content table p {
		padding-bottom: 0;
	}
}
.page-content table tr {
	border-bottom: 15px solid transparent;
}
.page-content table tr td:nth-child(2) {
	padding-right: 15px;
}
.page-content table tr td:nth-child(3){
	padding-left: 15px;
}

.footer-widget.widget_sp_image { display:none; }
.alignright { float:right; }
.alignleft { float:left; }
.page-content a { text-decoration:underline; }
.page-content a:link { text-decoration:underline; }
.page-content a:visited { text-decoration:underline; }

.footer-widget a { color:#fff !important; margin:10px 0px; font-size:13px; }
.footer-widget ul li { margin:8px 0px; }
.footerbluelinks a {
    color: #219FD6;
    text-transform: uppercase;
    font-weight: 600;
    margin-left:18px;
}

.page-meta .breadcrumb a:hover { color:#111; }
.resources-section.video-list span { max-width:260px; margin-top:15px; }

.slposts-ulist-title a {
    font-size: 14px !important;
}

.btn-rectangle {
    font-size: 22px;
    margin-top: 50px;
    display: inline-block;
    border: 2px solid #CCC;
    background: #FFF none repeat scroll 0% 0%;
    padding: 5px 53px;
    text-decoration:none !important;
}
.btn-rectangle:hover {
    color: #428DC9;
    border-color: #428DC9;
    background: #FFF none repeat scroll 0% 0%;
}

.page-content img { padding:10px; }

.company a { color:#fff !important; }

.site-map ul { list-style-type:none !important; margin-left:-40px; }

footer h4 { color:#219FD6;font-size:14px;font-weight:bold; }

.carousel-control.right, .carousel-control.left { background-image:none !important; }
.copy p { text-align:center;font-size: 18px;font-weight: 300; }
.author p { text-align:center;margin-top:-12px;font-size: 18px;font-weight: 400; } 
.title p { text-align:center; font-size: 14px;font-weight: 300; } 

#banner .banner-caption { background-color:rgba(0, 0, 0, 0.4); padding:10px;padding-top:0px; }

.slider-images { width:100%;height:50px;max-width:850px;margin:0 auto; }
.slider-img { width:20%;height:50px;float:left; }

.blog-page-container {
    padding: 15px;
    width: 96%;
    margin: 0px auto;
}
.page-blog .attachment-single-post-thumbnail {
  margin: 0px 25px 75px 0px;
  width: 180px;
  float: left;
  position: relative;
}
.page-blog img.attachment-single-post-thumbnail.size-single-post-thumbnail.wp-post-image

/** changed float from right to left, and added 15px padding on right side by ricardo 01-20-15 **/
.attachment-single-post-thumbnail { float:left !important; padding-right: 15px;}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
    display: block;
    width: 100%;
    border: 0px none;
    height: 43px;
    padding-left: 20px;
    padding-right: 45px;
    margin-bottom: 0px;
    background: #fff none repeat scroll 0% 0%;
    border: 1px solid #ccc;
    margin-top: 6px;
    border-radius:0px;
}
textarea { height: 120px;    
	background: #fff none repeat scroll 0% 0%;
    border: 1px solid #ccc;
    margin-top: 6px;
    border-radius:0px; 
}

.submitbtn { 
	background:url('http://sl.com/wp-content/uploads/2015/12/submit-button.png'); 
	background-repeat:no-repeat; 
	width:214px;
	height:44px;
	float:left;
	border:none !important; 
}

.fullwidthbanner-container { z-index:1 !important; }

/* Webinars on Demand Styles */

.video-page-content .gform_wrapper {
    display: none;
}

.pardot_protected section.row.page-meta {
    display: none;
}

.page-template-video-page-php.pardot_protected section.row.page-meta, .archive.pardot_protected section.row.page-meta {
	display: block !important;
}

.pardot_protected header.row {
    display: none;
}

.page-template-video-page-php.pardot_protected header.row, .archive.pardot_protected header.row {
	display: block !important;
}

.pardot_protected footer.row {
    display: none;
}

.page-template-video-page-php.pardot_protected footer.row, .archive.pardot_protected footer.row {
	display: block !Important;
}

.pardot_protected button#contactus-btn {
    display: none;
}

.page-template-video-page-php.pardot_protected button#contactus-btn, .archive.pardot_protected button#contactus-btn {
	display: block !important;
}

.pardot_protected div#us_report_button {
    display: none;
}

.page-template-video-page-php.pardot_protected div#us_report_button .archive.pardot_protected div#us_report_button {
	display: block !important;
}

/*.pardot_protected section.row.page-container {
    margin-top: -173px;
}*/

.pardot_protected .wrapper {
	padding-top: 0px !important;
}

#web-and-events-title {
    padding-bottom: 10px;
    color: #219FD6;
    font-size: 28px;
}
h3#future-events-title, h3#web-on-demand-title {
    font-weight: bold;
}
.vod-posts {
  padding: 0px !important;
}

/*.vid_main_post {
    float: right;
    width: 75%;
}*/

/*.vid_thumbnail {
    width: 25%;
    min-width: 325px;
}*/

.vid_thumbnail img {
    margin-top: 5px;
    width: 230px;
}

@media screen and (min-width:480px) and (max-width:1215px) {
	.vid_thumbnail img {
    width: 200px;
    height: 113px;
}
}

.page-template-video-page-php #fancybox-left:hover span, .page-template-video-page-php #fancybox-right:hover span {
    display: none;
}

.page-template-video-page-php a#fancybox-close {
    display: inline !important;
}

.cat-36-id pardot_protected .categories {
    display: none;
}

span.nivo-lightbox-title {
    display: none;
}

.cat-35-id.pardot_protected span.byline {
    display: none;
}

.cat-35-id.pardot_protected span.entry-date {
    display: none;
}

.cat-35-id.pardot_protected a {
    display: none;
}

.pardot_protected div#gform_wrapper_7 {
    margin-top: -30px;
}

body.pardot_protected {
    background-color: #fff;
}

.page-template-video-page-php .content {
    margin: 25px 0px;
}
#webinars-on-demand ul.list-posts li {
    padding: 30px 0px;
    border-bottom: 3px solid #efefef;
}
.hidden {
	display: none;
}

.nivo-lightbox-close {
    /* position: relative; */
    top: 13%;
    right: 13%;
    height: 20px !Important;
    width: 20px !Important;
    display: block;
    z-index: 1000;
    background: url('http://sl.com/wp-content/themes/sl-theme/images/close.png') !Important;
    background-size: cover;
}

@media screen and (max-width: 400px) {
	.nivo-lightbox-content {
		width: 88%;
	}
		a.nivo-lightbox-close {
		right: 25%;
	}
	.pardot_protected .page-content {
		display: inline-block;
		margin-left: 19%;
	}
}

@media screen and (max-width: 481px) {
	.vid_thumbnail {
		width: 100%;
	}
	
	.vid_main_post {
		margin: 10px 0px 0px 0px;
		width: 100%;
	}
}

@media screen and (max-width: 310px) {
	#gform_7 li {
		width: 70% !important;
	}
	.pardot_protected .page-container {
		width: 70%;
		padding: 0px;
		float: left;
	}
}
@media only screen and (min-width : 320px) {
        p.home-btns { width:249px;height:auto;margin:24px auto 0; } 
	footer h4.widget-title { margin-top:30px !important; }
	.slider-img { width:180px;height:52px;float:none;margin:0 auto;background: rgba(300, 300, 300, 0.6);top:45px; margin-top:0px;margin-bottom:8px; }
	.s-img { position:absolute; height:33px !important;width:100%;max-width:180px; float:none; margin-top:4px;margin-bottom:4px;z-index:9999; }
	#banner .banner-caption { top:19%;margin-bottom:30px; }
	#banner .carousel-inner > .item { min-height:750px !important; }
	.slider-images { padding-top:-50px; }
	ul.list-posts li {
		display:block;
		width:100%;
		float:none;
		padding-left:0%;
		padding-right:0%;
		/*margin-top:3%; hidden by vassil 02=09-15 - IE bug fix */
		margin-top: 25px;
		/** margin-bottom:15%; hidden by ricardo 01-20-15 **/ 
		height:auto;
	}
	#twothirds { width:100%; }
	#onethird { width:100%; }
    }
@media only screen and (min-width : 375px) {
	#banner .carousel-inner > .item { min-height:770px !important; }
	.slider-images { margin-top:-75px; }
}
@media only screen and (min-width : 480px) {
	p.home-btns { width:249px;height:auto;margin-right:0 !important; margin-left:0 !important; margin-top: 24px; }
	.resources-section li { width:50%; }
	.slider-images { margin-top:40px; }
	.slider-img { width:180px;height:50px;float:none;margin:0 auto;margin-top:10px;background: rgba(300, 300, 300, 0.5); padding-top:30px; }
	.s-img { margin-top:-20px;position:absolute; }
	#banner .carousel-inner > .item { min-height:auto !important; }
	#banner .banner-caption { margin-bottom:0px; }

}


@media only screen and (min-width : 769px) {
	.subnav-menu .dropdown-menu li > a, .subnav-menu .dropdown-menu li > a:focus { font-size:14px !important; }
	.slider-img { width:20%;height:50px;float:left;margin:0 auto; padding-top:0;background:none; }
	.s-img { margin-top:-30px;position:absolute; }
	ul.list-posts li {
		display:block;
		/** width:43%; hidden by ricardo 01-20-15 **/ 
		/** float:left; hidden by ricardo 01-20-15 **/ 
		padding-left:3%;
		padding-right:3%;
		/*margin-top:5%; hidden by vassil 02=09-15 - IE bug fix */
		/** margin-bottom:3%; hidden by ricardo 01-20-15 **/ 
		/** min-height:480px; hidden by ricardo 01-20-15 **/
	}

}

@media only screen and (min-width : 992px) {
	.subnav-menu .dropdown-menu li > a, .subnav-menu .dropdown-menu li > a:focus { font-size:14px !important; }
	.resources-section li { width:33%; }
	.s-img { margin-top:-30px;position:absolute; }
	footer h4.widget-title { margin-top:10px !important; }
	#twothirds { width:70%;height:auto;float:left;padding-right:4%; }
	#onethird { width:25%;height:auto;float:right; }
	.video-page-content {
  width: 960px;
  margin: 0 auto;
}
}
@media only screen and (min-width : 1024px) {
	.s-img { margin-top:-65px;position:absolute; }
	ul.list-posts li {
		display:block;
		/** width:43%; hidden by ricardo 01-20-15 **/ 
		/** float:left; hidden by ricardo 01-20-15 **/ 
		padding-left:2%;
		padding-right:2%;
		/*margin-top:5%; margin-bottom:3%; hidden by vassil 02=09-15 - IE bug fix */
		/** min-height:410px; hidden by ricardo 01-20-15 **/ 
	}
}

@media only screen and (min-width : 1200px) {
	.s-img { margin-top:-65px;position:absolute; }
ul.list-posts li {
		/** min-height:370px; hidden by ricardo 01-20-15 **/
	}
}


@media only screen and (min-width : 1400px) {
	.s-img { margin-top:-75px;position:absolute; }
ul.list-posts li {
		/** min-height:320px; hidden by ricardo 01-20-15 **/ 
	}
}


@media only screen and (min-width : 1600px) {
	.s-img { margin-top:-75px;position:absolute; }
}

@media screen and (max-width: 480px) {
	.page-blog h1 {font-size:24px;}
	.list-posts li {border-bottom:1px solid #ccc;margin-top:30px !important;padding-bottom:20px;}
	.list-posts .attachment-single-post-thumbnail {display:block !important;float:none !important;margin-bottom:15px !important;}
 }
  
/** Form Styles **/
 
 .gform_wrapper #gform_18 {
  padding: 40px 20px;
  background-color: #efefef;
  border: 1px solid #cdcdcd;
}

@media only screen and (min-width: 641px) { 
  .gform_wrapper form.gf_simple_horizontal div.gform_body {
    width: 75% !important;
    max-width: 75% !important;
  }
}
#gform_18 #field_18_1 {
  width: 100% !important;
}
#gform_18 .gform_wrapper .top_label li.gfield.gf_inline {
  width: inherit !important;
}
input#gform_submit_button_18 {
  padding: 10px !important;
}
#gform_widget-2 {
  margin: 30px 0px;
} 
.twin-testimonials .description .thumb {
    content: none !important;
}

/* Expandable Rows */

#kafka-expandable-row .pp-er-title-wrap {
	text-align: left !important;
	margin: 0px 0px 0px 40px !important;
}

/* No Header/Footer */

.page-template-page-no-header-footer header,
.page-template-page-no-header-footer footer {
	display: none;
}
.page-template-page-no-header-footer .wrapper {
	max-width: 600px;
	padding-top: 20px;
}
.page-template-page-no-header-footer #contactus-btn-wrapper {
	display: none !important;
}
.page-template-page-no-header-footer #cookie-notice {
	display: none !important;
}