/* 
 Theme Name:     Skip Hire Stoke on Trent
 Author:         NiDesign
 Author URI:     http://nidesign.co.uk
 Template:       Divi
 Version:        7
 Description:   A Child Theme built for Divi
 Wordpress Version: 4.4.2
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
.benefitsrecycling ul li a {color:#f37b32 !important;}

.skiphireform .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
    color: #ffffff !important;
    background: #f47b32;
    letter-spacing: 0px;
    font-size: 20px; text-shadow: none;
text-decoration: none; padding: 0.3em 1em;
border: 2px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 20px;
font-weight: 500;
line-height: 1.7em !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;


}


.skipslide .et-pb-arrow-prev, .skipslide .et-pb-arrow-next {
    top: 17% !important; }
.skipslide .et_pb_slide {
    padding: 0% !important;
}



.gform_multi_column_wrapper .gform_footer .gform_button {
	float: right;
	margin-right: 0;
}

/* divi mobile collapse */
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

.skippageskipbox { background-color:#f2f2f2; padding: 2%;}

.skiphirelocation h2 {padding: 1%;
background-color: rgb(244, 123, 50); font-weight:bold; text-transform: uppercase;}
.skiphirelocation h1 { text-transform: uppercase; font-weight:bold; font-size: 333%;}


@media only screen and ( min-width: 1100px ) {


}
@media (min-width:667px) {
    .desktop-only {
       
    }
	 .mobile-only {
        display:none !important;
    }
	.skiphireheader {padding: 1% 0px !important; /*margin-bottom:-100px !important; */} .skiphireheadertext { font-size:30px;} .skiphireheader2 {padding: 100px 0px !important; }
}
 
/*small screen sizes*/
@media (max-width: 666px) {
	.SkipHireEnquiryButton {text-align: center !important; font-weight:bold; 
    padding: 6px 12px;
    border-radius: 0px;
    background: #ee7324; border:3px solid #ee7324;
    color: #ffffff !important; font-size:14px; display: inline-block;  max-width:320px; width:90%; margin-bottom:15px;
    text-decoration: none; text-transform:uppercase; }
	.SkipHireBox {border-bottom:3px solid #06F;} .SkipHireBox h3 {text-align:center;}
    .mobile-only {         display:block !important;     }
 
    /*.desktop-only, .et-top-navigation, .et_mobile_nav_menu, .mobile_nav closed {
        display:none !important;
    }*/
.phonenumber {display:block; width:90%; background-color:#ee7324;  color:#FFF !important; font-size:28px !important; text-decoration:none; text-align:center !important; padding:10px 10px 15px 10px !important;}
.emailaddress {text-align: center !important; color:#1b1464; font-weight:bold; font-size:20px;}
	.et_pb_column {
    padding-bottom: 10px !important;
} .skiphireheadertext { font-size:14px;}
#main-content .container {
    padding-top: 8px !important;
} .skiphirelocation h1 { text-transform: uppercase; font-weight:bold; font-size: 200%;}

/* Top Navigation elements */
.phonenumber { text-align: right; color:#1b1464; font-weight:bold; font-size:20px; }
.emailaddress {text-align: right; color:#1b1464; font-weight:bold; font-size:20px;}
#et-info {
    float: right;
}


.skip-hire-selector h3:hover {color:#09F !important;}
/* div#et_mobile_nav_menu, .shiftnav-main-toggle-content {display: none !important;} */
#shiftnav-toggle-main {
background: none repeat scroll 0% 0% #0069B3 !important;
color: #FFF !important;
}
.skiphireheader p {line-height: 1.2;}
.topheader {padding:0px !important;}
.skiphirenavigation { max-height:60px !important; text-align:center !important;}
.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
    padding: 18px 0px 0px !important;
    line-height: 1.7em;
}
#top-menu li, .fullwidth-menu li {

}
h3 {font-weight:bold !important;}
.bluebox {background-color:#00558d; padding:10px;}
.blueboxborder {border:2px solid #00558d; background-color:#FFF; padding:10px;}
.pageheader {    text-align: center;}
.pageheader h1 { font-size:3em; color:#FFF; font-weight:bold; padding-bottom:20px !important;}
.pageheader h2 { font-size:20px; color:#FFF; font-weight:bold; padding-bottom:20px !important;}
.bottomboxes2 { position:relative; min-height:250px !important;}.bottomboxes3 {min-height:150px !important; position:relative;}
.skiphireorangelink  {font-size:15px; color:#ee7324 !important; font-weight:bold; text-transform:uppercase; }
.skiphireorangebutton {font-size:26px;    display: inline-block;     vertical-align: middle;}
.skiphireorangebutton2 {font-size:20px; display: block; min-width:200px; position:absolute;   bottom: 0;}
.whitebg {background-color:#FFF;}
.pad10 {padding:10px;}
.skiphireorangebutton, .skiphireorangebutton2 {
    text-align: center !important; font-weight:bold; 

    padding: 12px 24px;
    border-radius: 0px;
    background: #ee7324;

    color: #ffffff;
    text-decoration: none;
}
.skiphireorangebutton:hover,
.skiphireorangebutton:focus {
    background: #ee7324;
    color: #ffffff;
    text-decoration: none;
}
#menu-top-menu-root {background-color:transparent !important;}
/* FRONT PAGE ELEMENTS */
.skiphire2box1 {}
.skiphire2box2 {}
.skiphirefrontbottom { border-top: #CCC solid 3px;}



.skiphirefooter {background-color:#FFF;}
.skiphirefooter .textwidget { color:#3c3c3b !important;}
.skip-hire-footers a {color:#666 !important;}


/* Skip Hire Main Page */
.SkipHireEnquiryButton {text-align: center !important; font-weight:bold; 
    padding: 6px 12px;
    border-radius: 0px;
    background: #FFFFFF; border:3px solid #ee7324;

    color: #ee7324 !important; font-size:14px; display: inline-block;  max-width:321px;
    text-decoration: none; text-transform:uppercase; margin-top:10px; width:100%;}
.SkipHireEnquiryButton a:hover {text-align: center !important; font-weight:bold; 
    padding: 6px 12px;
    border-radius: 0px;
    background: #ee7324; border:3px solid #ee7324;

    color: #FFFFFF !important; font-size:14px; display: inline-block;  max-width:321px;
    text-decoration: none; text-transform:uppercase; margin-top:10px; width:100%;}
.SkipHireBox {background-color:#ffffff;}
	
	
/* sidebar buttons */


.SkipHireByHartleysButton { text-align: center !important; font-weight:bold; 
    padding: 6px 12px;
    border-radius: 0px;
    background: #ee7324; border:3px solid #ee7324;
    color: #ffffff !important; font-size:26px; display: inline-block; width:100%;
    text-decoration: none; text-transform:uppercase;}
.SkipHireBySizeButton { text-align: center !important; font-weight:bold; 
    padding: 6px 12px;
    border-radius: 0px; border:3px solid #ee7324;
background: #fff;
    color: #ee7324 !important; font-size:14px; display: inline-block; width:100%;
    text-decoration: none; margin-bottom:5px; text-transform:uppercase;}
.SkipHireBySizeButton2 { text-align: center !important; font-weight:bold; 
    padding: 6px 12px;
    border-radius: 0px; border:3px solid #ee7324;
    background: #fff;
    color: #ee7324  !important; font-size:12px; display: inline-block; width:100%;
    text-decoration: none; margin-bottom:5px; text-transform:uppercase;}
	
.SkipHireBySizeButton2:hover,
.SkipHireBySizeButton2:focus, .SkipHireBySizeButton:hover,
.SkipHireBySizeButton:focus {
    background: #ee7324;
    color: #ffffff !important;
    text-decoration: none;
}

.footer-widget h4, .footer-widget h3, .footer-widget p, .footer-widget a, .footer-widget a:link, .footer-widget span { color:#FFF !important;}

/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */