/*
Theme Name: ROMAR PEST CONTROL
Description: Theme for romar pest control
Author: Richard Lapesigue
Tags: romar pest control

*/
:root{
	--site-color:#666;
}

html body{font-family:"Open Sans", sans-serif;font-weight:400;font-size:16px;color:#151d20; background: #f5f1e2; overflow-x: hidden;}
::-webkit-input-placeholder{font-style:italic}
::-moz-placeholder{font-style:italic}
:-ms-input-placeholder{font-style:italic}
input:-moz-placeholder{font-style:italic}
a{ color: #4280A7 ; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{margin-top:0;font-family: 'Oswald', sans-serif!important;color: #000; margin: 12px 0 24px; font-weight: 500; color: var(--site-color)}
ul{margin:0;padding:0}
ul li{list-style:none;font-size: 18px;line-height: 24px;}
.font-oswald{font-family: 'Oswald', sans-serif!important;}
.page-wrapper{overflow:hidden}

a{color:-site-color }
a:hover, a:focus{color: var(--site-color);text-decoration: none;}
a img,a:hover img,a:focus img{text-decoration: none;}
.text-300{font-weight: 300;}
.text-400{font-weight: 400;}.text-700{font-weight: 700}
.scripted,
.text-script{font-family: 'Open Sans', cursive;}
.text-heading{font-family: "Open Sans";}
.site-text-color,.color-grey{color: #454545;}
.yellow{color: #232323;}
.site-heading-color,.color-green,
.site-special-color{color: var(--site-color)}
.color-white{color: #fff;}
p{margin-bottom: 20px; font-size: 16px;line-height: 24px;color: #777777}
#content li{margin-bottom: 5px;}
img{max-width: 100%}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img{max-width:100%;height:auto}
.alignleft,img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px}
.alignright,img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px}
.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
img.alignleft,img.alignright,img.aligncenter{margin-bottom:12px}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px!important;padding:4px;text-align:center}
.wp-caption img{margin:5px 5px 0}
.wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px}
.wp-smiley{margin:0}
.gallery{margin:0 auto 18px}
.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery img{border:2px solid #cfcfcf}
.gallery-columns-2 .attachment-medium{max-width:92%;height:auto}
.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto}
.gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px}
.gallery dl{margin:0}
.gallery img{border:10px solid #f1f1f1}
.gallery br+br{display:none}
#content .attachment img{display:block;margin:0 auto}

.border-tl{border-top:1px solid #f0f0f0 }
.border-rl{border-right:1px solid #f0f0f0 }
.border-bl{border-bottom:1px solid #f0f0f0 }
.border-ll{border-left:1px solid #f0f0f0 }

.top-divider{border-top: 4px solid rgb(64, 143, 205);}


@media (max-width: 767px) {
[class*="inset"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
}

.admin-bar #top-header,
.admin-bar #site-container{margin-top: 32px;}

#site-container{position: relative;}
#top-header{display: block;transition: .4s all; position: fixed; top: 0; left: 0; width: 100%; background: #fff; border-bottom:2px solid #f0f0f0; z-index:3; transform: translateY(0); }
header.sticky #top-header{transform: translateY(-100%);}
#top-header *{transition: .4s all;}
#top-header a{font-weight: 500;}
.header-logo{padding: 12px 0}
.header-menu-container{padding: 3px 0}

.top-links{display: block;}
.top-links li{text-align: right; float: right;}
.top-links li a{padding: 10px 0; }
#top-header .header-menu-container a{font-size: 16px; text-transform: uppercase; color: #fff}
#top-header .header-menu-container a:hover{color: #999}

#top-header ul{display: block;}
#top-header ul li{display: inline-block; position: relative; text-align: left; padding: 0;}
.top-navigation{background: #4280a7; border-top: 1px solid #224e67}
#main-navigation{}
#main-navigation a{padding: 9px 6px;font-family: 'Oswald', sans-serif!important; #fff}
#main-navigation .menu-item-has-children > a{padding-right: 10px}
#main-navigation .menu-item-has-children > a:after{
	display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f078";
    position: absolute;
    right: 0;
    top:31%;
    font-size: 14px;
    font-weight: 300;
    color: var(--site-color);
}

.header-spacer{height: 165px;}

.top-strip{background: #224e67; color: #fff; padding: 3px 0;}
.top-strip .btn{padding: 6px 12px;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); border-radius: 6px; margin: 6px 0}
.site-top{margin-top: 9px}
.top-num{font-size: 29px; margin-top: 12px; display: block; color: #0799E8;text-shadow: 3px 3px 2px #ccc}
.tagline{text-shadow: 3px 3px 2px #ccc}

#banner{background: #7cc5dd!important}
.homepage-banner{background: url('assets/img/slide.png') no-repeat;}
#home-strip{background: #224e67; padding:12px 0}
.homepage-guarantee{width: 100px;}
#home-strip h3{margin: 12px 0 0}
.featured-pages{background: #fff; padding: 12px; margin: 20px 40px 0}
.featured-pages p{font-size: 14px;}
.homepage-main{background: url('assets/img/top-shadow.png') top center no-repeat; background-size: 100% auto}
.sign-up-form{background: url('assets/img/sign-up.png') top center no-repeat;}

.page-heading-container{background: #221e1f;}
.page-heading-container h1{ color: #fff; font-size: 3.9rem}

article.inner-page-container{padding-top: 36px}
.inner-page-container ul{padding-left: 20px; margin: 10px 0 20px;}
.inner-page-container li{font-size: 16px;color: #777777; list-style:disc; }

.footer-menu ul{list-style: none;}
.footer-menu ul li{display: inline; margin-right: 20px;}
.footer-menu ul a{color: #000; font-size: 16px; text-transform: uppercase;}

footer{padding: 33px 0 0; background: #231f20;color: #fff}
#footer-top{padding: 18px 0}
footer p,footer li,footer h3{color: #fff}
footer h3{border-bottom: 1px solid #656363}
.footer-locations li{display: inline-block; margin: 6px; padding: 9px; border-radius: 3px; border-bottom: 1px solid #658395; background: #224e67}
.copyright-section{background: #224e67; padding: 9px 0}
.copyright-section p{color: #fff; font-size: 12px; margin: 0; padding: }

#mobile-menu{position: relative;}
#mobile-menu li{display: block; width: 100%}
#top-header ul.sub-menu,
.sub-menu{opacity: 0; display: none;}
#mobile-menu li:hover .sub-menu,
#mobile-menu li:focus .sub-menu{opacity: 1: display:block!important;}
.nav-toggle-icon a{position: absolute; right: 8%; top: -69px;}
.nav-toggle-icon a i{color: var(--site-color);}

.sub-menu{background: #fff; padding: 18px 12px;transition: .4s all; }
.sub-menu li{display: block; width: 100%}
.sub-menu li a{padding: 18px 0}
#main-navigation ul li:hover .sub-menu{opacity: 1; display: block!important;}


@media screen and (min-width:1185px){
	.bannered-page .page-heading-container{border: 0; padding: 80px 0}
}
@media screen and (min-width:521px){
	.sub-menu{ position: absolute; left: 0; top: 100%;width:260px; border: 1px solid #f0f0f0;  }
}

@media screen and (max-width:520px){
	.service .service-info h3{font-size: 0.9em}
	.learn-more .more-text{font-size: 0.9em}
	#main-navigation{margin-top: 0}

	.header-menu-container{margin-top: 0}
	#main-navigation .menu-item-has-children > a:after{top: 9px}
	#main-navigation{border-top: 2px solid var(--site-color);border-bottom: 2px solid var(--site-color);}
	.admin-bar #top-header, .admin-bar #site-container{margin-top: 0}
	#top-header{position: relative;}
	.header-spacer{display: none;}
	.header-logo{display: block; text-align: center;}
	.header-logo img{max-width: 140px;  margin: 0 auto;}
	/*#banner img{max-width: 100%}*/

	.banner-text{position: absolute; top: 0; left: 0; padding: 10px}
	.banner-text h2, .banner-text h3{font-size: 18px}
	.banner-text p{font-size: 1em}
	.sub-banner{height: auto;}
	#latest-post{margin-top: 20px}
	#latest-post .blog-item{text-align: center; margin-top: 20px}
	#welcome .welcome-item{padding:10px 0 0 0; height: auto;}
	#welcome .welcome-item h2{}
	.pageMainHeading{padding: 20px}
	.pageMainHeading h1{font-size: 4.2rem; padding: 0 20px}
	.footer-contact{text-align: left!important;}
	.footer-menu ul li{margin-right: 14px}
	.copyright{text-align: center;}
}