/* Theme Name:  AWEBCO
 Theme URI:    awebco.com
 Description:  AWEBCO - Responsive Theme
 Author:       AWEBCO
 Author URI:   https://www.awebco.com
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         AWEBCO
*/


/* Normalize
================================================== */

* {box-sizing: border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* Responsive Grid System
================================================== */
.col{display:block;float:left;margin:0% 0 0% 0%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col:after,.clr:after,.group:after,#comments#respond:after{content:"";display:block;height:0;clear:both;visibility:hidden;zoom:1}.one-half,.one-third,.one-fourth,.one-fifth{display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0;padding:0 0}.one-half{width:50%}.one-third{width:33.3%}.one-fourth{width:25%}.one-fifth{width:20%}.one-sixth{width:16.5%}.span_1_of_4{width:25%}.span_3_of_4{width:75%}.span_1_of_5{width:20%}.span_1_of_6{width:16.5%}.span_2_of_6{width:33.3%}


/* Body & Main
================================================== */

body { background:#fff url('') top center no-repeat; nowhitespace: afterproperty; font: 16px/1.25 'open sans', sans-serif; color: #111; }

body a { color: #0099ff; text-decoration:none;}

body a:hover { color: #336699; }

.wrapper { max-width:1280px; margin: 0 auto; }

.content { margin-top: 85px; }


/* Headers (H1 - H6)
================================================== */

h1, h2, h3, h4, h5, h6 {margin: 0px 0 25px; color:#111;  }

h1 { font-size:2em; margin: 0 0; }
h2 { font-size: 1.5em;  }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

@font-face {
	font-family: 'Dodger';
	src: url('fonts/dodger3.eot');
	src: local('☺'), url('fonts/dodger3.woff') format('woff'), url('fonts/dodger3.ttf') format('truetype'), url('fonts/dodger3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.dodger,
.dodger p,
.dodger h1,
.dodger h2,
.dodger h3,
.elementor-slide-heading { font-family: Dodger !important }


/* Header
================================================== */
header { position: fixed; width:100%; z-index:999; background:#fff; box-shadow: 0 0 3px #000; top:0  }

#topbar { background:#00355f; padding: 10px 0; color:#fff; font-size: 14px; }
#topbar i { color:#a9b734; font-size: 16px; margin-right: 5px;}

header img { margin-top: 15px; }


/* Commons
================================================== */

.clr  { clear:both }
p { margin: 0 0 20px 0;  }
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr { border: 1px solid #ccc; clear: both; display:block; margin: 50px 0; background:transparent; }
a { outline: 0; text-decoration: none;}
.disabled { display:none !important}
.phone, .map, .mail { display:none }
table { width:100%;}
.breadcrumb {border-bottom: 1px solid #ccc; padding:10px 0; text-align:center; }
.absolute { position: absolute;}
.relative { position: relative; }
.dark, .dark p, .dark h1, .dark h2 { color:#111 !Important; }
.light, .light p, .light h1, .light h2 { color:#fff !important }

.panel-grid,
.panel-grid-cell { padding: 0 0 !important; margin: 0 0 !important; overflow:hidden }

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }

.floatleft { float: left }
.floatright { float: right }

.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }

.wp-caption { max-width: 100% !important }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100%; }
.wp-caption { border: 1px solid #EFEFEF; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.bw img{ filter:grayscale(100%)}
.bw img:hover{ filter:grayscale(0%); transition:all .3s ease }


/* Tags & Post Navigation
=================================================== */
.tags { 
	padding: 10px 0;
	display:block;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size: 12px; 
	margin: 25px 0; 
}
.tags a { color:#999; }

.post-navigation { margin:25px 0; display:block; }
.post-navigation a { 
	padding: 15px;
	background: #64ca64; 
	display:inline-block;
	border-radius:.25em;
	color:#fff;
	font-size: 14px;
	text-align:left;
	text-align:center;
}

.post-navigation a:hover { 
	background:#36ef62;
	color:#fff; 
	text-decoration:none;
}


/* Forms
================================================== */
form input[type="text"],
form textarea,
form select { 
	font-size: 16px;
	padding: 10px !Important;
	border:2px solid #ccc;
	border-radius: .25em;
	background:#fff
}

form input[type="text"]:hover,
form textarea:hover,
form select:hover { border-color:#999 }

form input[type="text"]:focus,
form textarea:focus,
form select:focus { 
	box-shadow: 0 0 5px #70aa40;
	border:2px solid #70aa40;
	transition: all .5s ease;
	background:#ffff
}


/* Buttons
================================================== */

.button { background:#70aa40; color: #fff; padding: 15px 45px; border-radius: .25em; border:0; display:inline-block; margin: 25px 0; }
.button:hover { background:#92d25d; color:#fff; text-decoration:none;}


/* Images
================================================== */
.page-thumb img,
.post-thumb img {
	width:100%;
	height: auto;
}


/*  Menu - Primary
================================================== */

.menu li { margin-left:-10px; }
.menu li li, .menu li li li { margin-left:0px; }

nav { margin: 0px 0; display:block; float:right; position: relative; z-index:9999 !important  }

nav ul {
	text-align: left;
	display: inline;
	margin: 0 0;
	list-style: none;
}
nav ul li {
	font: bold 15px 'arial';
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
nav ul li a {
	padding: 35px 30px;
	display:inline-block;
	text-transform:uppercase;
	border-right:1px solid #ccc;
	color:#333;
}
nav ul li:last-child a {
	border: 0 
}
nav ul li:hover,
nav ul li a:hover {
	color:#000;
	background:#ddd
}

nav ul li.cta a { color:#fff !important }

nav .cta { background:#a9b734 }
nav li.cta a:hover { background:#cddc4d !important; }



/* 2nd Level 
=================================================== */

nav ul li ul {
	padding: 0;
	display:block;
 	position: absolute;
	top: 100%;
	width: 250px;
	left: 0%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	padding: 10px; 
	background:#ddd;
}
nav ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}
nav ul li ul li { 
	display: block; 
	color: #fff;
	border:0;
	font-size:.8em;
}
nav ul li ul li a { 
	display:block; 
	background: #fff; 
	border-right:0;
	border-bottom:1px solid #999; 
	padding:20px 25px; 
}
nav ul li ul li a:hover { 
	background: #fff;
	font-weight:900 !important;
	border-right: 5px solid #cddc4d
}



/* 3rd Level 
=================================================== */

nav ul li ul li ul{
	padding: 0;
 	position: absolute;
	top: 0px;
	width: 200px;
	left: 250px;
	display: none !Important;
	opacity: 0;
	visibility: hidden;
	z-index:9999
}
nav ul li ul li ul li{
	display: block; 
	color: #fff;
	border:0;
	font-size:.8em;
}
nav ul li ul li ul li a{ display:block; background: #eee; border-bottom:1px solid #333; padding:15px 25px; font-weight:100;  }
nav ul li ul li ul li a:hover { background: #ddd; }
nav ul li ul li:hover ul {
	display: block !Important;
	opacity: 1;
	visibility: visible;

}


/* Footer
=================================================== */

footer { padding: 75px 0 0; background:#00192d; color:#ccc }
footer .wrapper, .copyright .wrapper { max-width:1100px }
footer .col { margin: 0 1%; width: 30.5% }

footer a { color:#999}

footer .heading-title { font-size: 1.25em; margin-bottom: 25px; color:#fff; border-bottom: 1px solid #333; padding-right: 25px; padding-bottom: 15px; font-family: dodger  }

footer .col:last-child i { font-size: 1.25em !important; margin-right: 5px; padding: 5px 10px; border-radius: .25em; color:#111; background:#a9b734; }
footer i:hover { animation: pulse .5s ease; opacity:.8 }

footer .menu li { padding: 0 0 5px; margin-left: 20px; list-style:disc; color:#a9b734 }
footer .menu li a{ color:#ccc }
footer .menu li a:hover { text-decoration:underline; color:#fff; }
footer hr { border-color:#333; margin: 25px auto}

footer .phone-n { font-weight: 700; color:#a9b734; font-size: 1.5em }

.copyright { font-size: 12px; background:#00192d; color:#ccc; }
.copyright .wrapper { border-top: 1px solid #333; padding: 25px 0; }
.copyright img { width: 200px; margin-top: -15px; }
.copyright a { color:#999}



/* Child Pages
=================================================== */

.ccchildpage { background:#eee !important; border-radius: 0 !important; border:3px solid #ccc; padding: 25px;  }
.ccchildpage h3 { text-align:center; margin-bottom: 15px ;  }
.ccchildpage img { width: 100%; height: 225px; border-radius:.5em  }

.ccchildpage a { display:block; background:#000; text-align:center; color:#fff !important;  margin-top: 15px; padding: 10px; }