/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/


/* ---- John Payne Equine -------------*/


body {line-height:1.75; color:#000000; background-color: #E4DCD1 }


@media (max-width: 767px){
	body {padding-right: 0px; padding-left: 0px;}
}

@media only screen and (max-width: 1199px) and (min-width: 1040px){
	div.yjsgsitew { max-width: 100%;}
}

@media screen and (max-width: 979px) {
	div.yjsg-newsitems .float-left { width: 100%;}
	}

/* ---------------------------------------- Buttons --------------------------------*/

.button {background: #e95e56; border:none; color:#ffffff; height: 42px; padding: 10px 34px; border-radius: 12px; transition: all .3s !important; margin-left:6px; margin-right:6px;}
.button:hover { background-color: #303334; color:#ffffff; border:none; padding: 10px 40px; margin-left:0; margin-right:0;}
/* ---------------------------------------- Menu -----------------------------------*/

#topmenu_holder, .ulholder.dlevel1 {
    background: #ffffff;
}

/* Active/hover links */

.yjsgmenu a.activepath, .yjsgmenu a:focus, .yjsgmenu a:hover, .yjsgmenu li:hover > .child a {
    background: #ffffff;
    color:#e95e56;
}

.yjsgmenu a:hover {
    color: #e95e56 !important;
}


/* menu height, link colour and font size */
ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
    padding: 0px 25px;
    height: 80px;
    line-height: 80px;
    color: #303334;
    font-size: 20px;
    font-weight: 400;
}

/* remove padding */
.yjsg-menu {padding-left:0; padding-right:0}

/* Mobile Menu fix */
@media screen and (max-width: 979px){
	.horiznav { display: none; }
	div#mmenu_holder { margin-bottom:20px; padding-top:10px;}
	#topmenu_holder {background: #e95e56 !important;}	
}

/* Sub Menu background colors */

.yjsgmenu ul, .yjsgmenu li.holdsgroup ul ul {
	background: #e51400;
	border: 1px solid #ccc;
}

.yjm_title:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
    height: 5px;
    background: #e8504f;
    content: "";
    transition: all .3s;
}

.yjsgmenu a.activepath .yjm_title:after,
.yjsgmenu a:hover .yjm_title:after{width:100%}
/* -------------------------------------------------------------- YJSG 2 ---------------------------------------------------*/

#yjsg2 {width:100%; padding:0; margin:0; background-color: #e6e0d6; max-width: 100%;}

#yjsg2 div.yjsgxhtml { padding-left: 0;  padding-right: 0; }

#adv1 .yjsquare {max-width: 600px; float:right;  padding-left: 20px; margin-top: 80px;}

#adv1 h1 { font-size: 60px; margin-top:0; margin-bottom:0; text-transform: uppercase; line-height: 1;}

@media (max-width: 1400px){
	#adv1 .yjsquare { margin-top: 40px;}
	#adv1 h1 { font-size: 50px; }
}

@media (max-width: 1220px){
	#yjsg2 {width:100%; max-width:1220px;}
	#yjsg2 div.yjsgxhtml {width:50%;}
	#adv1 h1 { font-size: 40px; display: inline-block; margin-right: 10px; }
}


/* -------------------------------------------------------------- YJSG 3 ---------------------------------------------------*/

.yjsg3_out {background-color: #e95e56; }
#yjsg3 div.yjsgxhtml {width:100% !important;}
#yjsg3 p {color:#ffffff;}
#yjsg3 h3 {color:#ffffff; font-weight:bold;}
#user2 {display:flex;}

/* ------------------------------------------------------------- centerbottom ----------------------------------------------*/

.homepage  #centerbottom {background: transparent url(../images/lwd/john-payne-01.jpg) no-repeat center bottom; min-height:600px; } 
.homepage  #centerbottom  h2 {font-size: 500%;  margin-top:0; margin-bottom:0; text-transform: uppercase; line-height: 1;}
.homepage  #midblock { width: 55% !important; }

@media (max-width: 420px){
	.homepage  #midblock { width: 100% !important; }
	.homepage  #centerbottom {    background-size: contain; } 
}
.yjsg-blog_c .yjsg-leadingarticles {
	background-color: #ad957b;
    padding: 20px;
    margin-bottom: 40px;	
}

.itemid-110 #centerbottom_outer {
	background: transparent url(../images/lwd/john-payne-03.png) no-repeat -100px top; 
	background-size:contain;
	}

.itemid-110 .yjsg-blog_c {width:80%; float:right;}

@media (max-width: 1600px){
	.itemid-110 .yjsg-blog_c {width:70%;}
	.itemid-110 .holders { padding: 70px 0 0 0;}
}

@media (max-width: 1400px){
	.itemid-110 .yjsg-blog_c {width:65%;}
}

@media (max-width: 1200px){
	.itemid-110 #centerbottom_outer { background-position: -220px bottom;}
	.itemid-110 .yjsg-blog_c {width:60%;}	
}

@media (max-width: 1024px){
	.itemid-110 #centerbottom_outer { background-position: -200px bottom; background-size: auto 80%;}
	.itemid-110 .holders { padding: 30px 0 0 0;}
}
@media (max-width: 768px){
	.itemid-110 #centerbottom_outer { background-position: -200px bottom; background-size: auto 60%;}
}

@media (max-width: 740px){
	.itemid-110 #centerbottom_outer { background-image:none;}
	.itemid-110 .yjsg-blog_c {width:100%;}	
}

/* ------------------------------------------------------------- testimonials ----------------------------------------------*/

div.img-introtext- img,
div.img-fulltext- img  {margin-right:30px;}


@media (max-width: 420px){
	div.img-introtext- img, div.img-fulltext- img  {margin: 0 auto 30px auto; float:none !important; display:block;}
	
}

/* --------------------------------------------- Fast Social Share -------------------------------------*/

.fastsocialshare-share-fbsh>a {  border-radius: 3px; }

/* -------------------------------------------------------------- YJSG 4 ---------------------------------------------------*/

.yjsg4_out {background-color: #e4dcd1}
#yjsg4 {background: #E4DCD1 url(../images/lwd/john-payne-01.jpg) no-repeat center top; min-height:600px; } 
#yjsg4 div.yjsgxhtml {width:50% !important;}
#yjsg4 p {color:#303334;}
#yjsg4 h3 {color:#303334; font-size: 450%;  margin-top:0; margin-bottom:0; text-transform: uppercase; line-height: 1;}

/* -------------------------------------------------------------- YJSG 5 ---------------------------------------------------*/

.homepage .yjsg5_out {
	background: transparent url(../images/lwd/lower-background.jpg) no-repeat center bottom; 
    background-size: cover;
    background-attachment: fixed;}
.homepage #yjsg5 div.yjsgxhtml {width:100% !important;}
#yjsg5 p {color:#ffffff;}
#yjsg5 h2 {color:#ffffff; font-size: 300%;  margin-top:0; margin-bottom:30px; text-transform: uppercase; line-height: 1;}
#yjsg5 h3 {
	color:#ffffff; 
	font-weight:bold; 
	background-color: #e95e56;    
    padding: 15px;
    margin: 0;
    border-radius: 10px 10px 0 0;
    text-align: center;}
#user12 {display:flex; flex-wrap: wrap;}
#user12 .yjsquare {width:23%; margin: 1%;}
#user12 .yjsquare_in {height:100%; position:relative;}
#user12 a.button {position:absolute; Bottom:0; left:0;}
#user12 .yjsquare_in img {width:100%}

@media (max-width: 1024px){
	#yjsg5 h3 {font-size: 150%; }
}
@media (max-width: 860px){
	#user12 .yjsquare {width:48%; margin: 0 1% 100px 1%;}
}
@media (max-width: 420px){
	#user12 .yjsquare {width:98%; margin: 0 1% 100px 1%;}
}
/*Services*/
.itemid-113 .yjsg5_out {
	background: transparent url(../images/lwd/banner-01.jpg) no-repeat center top; 
    background-size: cover;
	min-height: 500px;}
	
#yjsg5 #user11.yjsgsfx-orange {background-color: #e95e56; width:35%; padding-top:15px; }
#yjsg5.gridsfx-orange {padding: 200px 0 0 0 ;}

/*testimonials*/
.itemid-111 .yjsg5_out {
	background: transparent url(../images/lwd/banner-03.jpg) no-repeat center top; 
    background-size: cover;
	min-height: 500px;}
	
	
/* --------------------------- YJSG Contacts ------------------------------------*/
table#misc-info{ margin-bottom:40px;}
td.misc-info-c1 {
	vertical-align: top;
    width: 40px;
    color: #e95e56;
	font-size: 130%;
}
.yjsg-form-fieldset legend {font-size: 16px;  color: #e95e56;}

/* Footer --------------------------------------------------------------------------------------- */
/* version 1.01 - Added fbook link 																  */
/* version 1.02 - Added gplus link                                                                */
/* version 1.03 - Corrections for Eximium                                                         */
/* version 1.04 - style corrections                                                               */
/* version 1.05 - responsive style corrections                                                    */
/* version 1.06 - responsive style corrections                                                    */
/* version 1.07 - floating "Top" button                                                           */
/* ---------------------------------------------------------------------------------------------- */

.footer_out { background-color: #e8ebef; padding:30px 0;}
#footer { color: #929292;;}
.footer0 {text-align: center;}
.footer2 {line-height:2.5;}
.footer2 a, #cp a {color:#437AFC} /*local Web Design & Top*/
.footer2 a:hover{color:#43b7f9 !important} 
#cp a:hover {}

.fbook, .gplus{
	width: 16px;
	height:16px;
	display: inline-block !important;
	border-radius: 2px;	
	vertical-align: top;
    margin-top: 8px !important;
    margin-left: 8px !important;
}
.fbook a , .gplus a { 
	color: #dddddd; 
	font-size: 14px; 
	font-weight: 400; 
	line-height:16px;
    width: 16px;
    height: 16px;
    display: block;
}
.fbook a:hover, .gplus a:hover { color: #ffffff; }

.fbook { font-family: Arial, Helvetica, sans-serif;    line-height:18px; background-color: #3C56A1 ; /* std fbook blue */ }
.gplus { font-family: "Times New Roman", Times, serif; line-height:16px; background-color: #DF5138 ; /* std gplus red */ }

.gplus a { font-size: 20px; line-height: 20px; } /*brings <sup> up to same size */

.fbook:hover {background-color: #2749a5;} /* std fbook blue, brighter */
.gplus:hover {background-color: #f42909;} /* std gplus red, brighter */

#cp {padding-left: 10px; float:left} /*top*/


@media screen and (max-width: 400px){
	.footer1 {font-size:12px; line-height: 1.5!important;}
	.footer2 {font-size:12px;}
}

#cp a.yjscroll {
	position: fixed;
    bottom: 16px;
    left: 16px;
    width: 35px;
    background-color: #999999;
    border-radius: 4px;
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	
}
#cp a.yjscroll:focus {text-decoration: none; }