/*
    This file is enqueued with the theme options.
    Add your custom styles here to override previously declared rules
    Additionally, you can dequeue this file in your child theme functions.php
 */
.purplebarmob {background-color:#609;width:100%;}
 .clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.featured-media { display: block;  position: relative; }

 .featured-img-right {float:right;width:50%;height:auto; margin: 0px 0px 20px 20px;}
 .featured-img-right img {width:100%;height:auto;}
 .featured-img-left {float:left;width:50%;height:auto; margin: 0px 20px 20px 0px;}
 .featured-img-left img {width:100%;height:auto;}

 /* Ipad */

@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* Smartphone portrait */
@media only screen and (max-width: 767px) {
 .featured-img-right {float:none;width:100%;height:auto; margin: 0px 0px 20px 0px;}
 .featured-img-left {float:none;width:100%;height:auto; margin: 0px 0px 20px 0px;}
}
/* Smartphone oblong */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .featured-img-right {float:none;width:100%;height:auto; margin: 0px 0px 20px 0px;}
 .featured-img-left {float:none;width:100%;height:auto; margin: 0px 0px 20px 0px;}
}


.masterslider-c
{
	position: absolute;
	z-index: 1;
	top: 0px;float: left;
}

 
 .menulogo  {
	position: fixed;padding-top:4px;
	top: 0px;display:block;width:1040px; max-width: 82%;background: rgba(255, 255, 255, 0.8 );
 	z-index: 1001;
 	display: none;
}
.menustick {
float:right;
}
.menulogo-hider{}

.st-logo{
 	background: url('assets/images/clover-logo-klein-door.png') no-repeat;width:172px;height:50px;display: block;float:left;
 }
.menulogo a {display: block;width:inherit;}
.menulogo-link img {display: block;max-width: 172px;}

/* Smartphone portrait */
@media only screen and (max-width: 767px) {
	.menulogo-hider.section-inner {display:none;}
}   
/* Smartphone oblong */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.menulogo-hider.section-inner {display:none;}
}

/* Quote slider */
.home .rpwe-block{	width: 80%;	height: auto;display: block;overflow: hidden;margin: 10px auto 10px auto;}
.home .rpwe-ul {display: none;}
.home h3.rpwe-title, .home h3.rpwe-title a:link {font-family: Ubuntu;font-weight: 300;font-style: normal;text-align: center;font-size: 1.0em;color: #CCC;}
.home h3.rpwe-title:after {content:":";}
.home .rpwe-li {width:100%;}
.home .rpwe-summary {font-family: 'Corben', sans-serif;text-align: center;font-weight: 400;font-style: normal;font-style: italic;font-size: 1.5em;line-height: 150%;color: #999;}
.home .rpwe-summary:before {content:"\f10d\00a0";font-size:1.0em;color: #ddd;font-family: FontAwesome;}
.home .rpwe-summary:after {content:"\00a0\f10e";font-size: 1.0em;color: #ddd;font-family: FontAwesome;}
.home li.rpwe-li p {display: none;visibility: hidden;}
.home .rpwe-thumb {   border: 1px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0;  padding: 5px !important;float:left;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.rpwe-block{	width: 100%;	height: auto;display: block;overflow: hidden;margin: 10px auto 10px auto;}

}
@media only screen and (max-width: 767px){
	.rpwe-summary {text-align: center;font-weight: 300;font-style: normal;font-style: italic;font-size: 1.2em;line-height: 150%;color: #999;}

}


.home .post-header {display: none;}
   /* FRONTPAGE Masonry*/
#ms-container > li.listing-item.id11905 > div > div > h3 > span > a {}
	
.home #ms-container {display: block;margin: 0px auto 10px auto;}
.home #ms-container .listing-item .image {display: block;margin-bottom: 10px;}
.home #ms-container .listing-item a.title {display: block;margin-bottom: 10px;text-decoration: none;font-weight: 300;font-size: 160%;line-height: 150%;}


a.more-tag::after {content:' >';vertical-align:-2px ;} 
a.more-tag {display:inline-block;
 -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* CSS3 */  
background-color: #E74829;color:#fff; text-decoration: none; font-weight: 400; margin-left:4px;padding: 0px 5px 0px 5px; font-size: 80%;line-height: 120%; white-space: nowrap;}

.toggle_container .block {
    padding: 10px;
    background-color: #EDEDED;
}

p.trigger {display: inline-block;}

.home #ms-container li {margin-left:1.1%;margin-right:1.1%;padding-bottom: 10px}
.home #ms-container .listing-item {list-style-type: none;width:31%;float:left;margin-bottom: 20px;}
.home #ms-container .listing-item p {margin: 5px 15px 5px 15px;font-size: 80%;line-height: 150%;color:#FFF;}

/* Ipad */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.home #ms-container li {margin-left:1.1%;margin-right:1.1%;}
.home #ms-container .listing-item {list-style-type: none;width:31%;float:left;}
.home #ms-container .listing-item p {font-size: 70%;line-height: 130%;}
}

/* Smartphone portrait */
@media only screen and (max-width: 767px) {
.home #ms-container .listing-item {list-style-type: none;width:100%;float:left;}
.home #ms-container .listing-item p {font-size: 70%;line-height: 130%;}
}

/* Smartphone oblong */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.home #ms-container .listing-item {list-style-type: none;width:47%;float:left;}
.home #ms-container .listing-item p {font-size: 80%;line-height: 170%;}
}
 /* - custom-content-shortcode - */
 h3 span.inner a:link, h3 span.inner a:visited, h3 span.inner a:hover, h3 span.inner a:active
 {color:#fff;}

ul.custom-content-shortcode li div.img-container { height:281px;margin-bottom: 10px;width: 100%;position: relative;}

.home ul.custom-content-shortcode li div.img-container  { height:234px;margin-bottom: 10px;position: relative;}

ul.custom-content-shortcode li div.img-container .stick-b {position: absolute;bottom: 0px; width: 100%;background: url('assets/images/black50pct.png') repeat;}
.stick-b h3 a:hover {text-decoration: none;}
ul.custom-content-shortcode li div.img-container h3 {display: block;font-size: 160%;line-height: 120%;font-family: 'Oswald', sans-serif;font-weight: 500;font-style: normal;background: url('assets/images/black30pct.png') repeat;color:#fff;margin:0px;padding:0px 0px 0px 0px;width:100%;}
ul.custom-content-shortcode li div.img-container h3 small {font-size: 70%;}
ul.custom-content-shortcode li div.img-container h3 span.inner {padding: 5px 5px 5px 10px;display: block;}
ul.custom-content-shortcode li div.img-container .starting {background: url('assets/images/black50pct.png') repeat;color:#fff;display:block;margin:0px;padding:0px 0px 0px 0px;width:100%; }
ul.custom-content-shortcode li div.img-container .starting .inner {padding-left: 10px;display: block;}

.social {display: block;}
.l-social li {text-decoration: none;display: inline;}
ul.l-social {display: block;text-align: center; }
ul.l-social img {width:70px;height:70px;margin:5px 10px;}
.s-facebook img {}
.s-instagram img {}
.s-youtube img {}
.s-linkedin img {}

@media only screen and (max-width: 767px){
}/* anything smaller than 767px */

@media only screen and (min-width: 480px) and (max-width: 767px){
} /* oblong iPhone */

/*FOLLOW*/

ul#follow {margin:0px;padding: 0px;width:126px;height: 40px;float:right;list-style: none;}
#follow li {	float: left;}

ul#follow-foot {margin:0px;padding: 0px;width:126px;height:40px;float:right;}
#follow-foot li {	float: left;margin:0px;padding: 0px; }


#follow li a:link,#follow li a:visited,
#follow-foot li a:link,#follow-foot li a:visited {
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	text-indent: -3000px;
	background-image: url('assets/images/follow.png') !important;
	background-repeat: no-repeat;
	background-position: 80px 0px;
}
#follow li a:link.facebook-follow, #follow li a:visited.facebook-follow,
#follow-foot li a:link.facebook-follow, #follow-foot li a:visited.facebook-follow 
{	background-position: 0px 0px;}
#follow li a:hover.facebook-follow, #follow li a:active.facebook-follow, 
#follow-foot li a:hover.facebook-follow, #follow-foot li a:active.facebook-follow 
{	background-position: 0px -40px;}

#follow li a:link.twitter-follow, #follow li a:visited.twitter-follow, 
#follow-foot li a:link.twitter-follow, #follow-foot li a:visited.twitter-follow 
{	background-position: -40px 0px;}
#follow li a:hover.twitter-follow, #follow li a:active.twitter-follow, 
#follow-foot li a:hover.twitter-follow, #follow-foot li a:active.twitter-follow 
{	background-position: -40px -40px;}

#follow li a:link.linkedin-follow, #follow li a:visited.linkedin-follow, 
#follow-foot li a:link.linkedin-follow, #follow-foot li a:visited.linkedin-follow 
{	background-position: -80px 0px;}
#follow li a:hover.linkedin-follow, #follow li a:active.linkedin-follow, 
#follow-foot li a:hover.linkedin-follow, #follow-foot li a:active.linkedin-follow 
{	background-position: -80px -40px;}