/*
Theme Name: Seja Framework Version 3.6.1
Description: Customise styles - This is where you style your theme. 
This style sheet should load last (although some plugins may load later), so anything 
written here *should* be final, without the need for the !important call. 
*/
body {	
	background:#fff;font-family:'Source Sans Pro', sans-serif;font-size:20px;
	--menu-bg:transparent;
	/*Parent Level */
	--menu-parent:var(--theme-colour);
	--menu-hover-parent:#fff;
	--menu-hover-parent-bg:var(--theme-colour);
	/*Child Level */
	--menu-child: #fff;
	--menu-child-bg:var(--theme-colour);
	--menu-hover-child: var(--menu-hover-parent);
	--menu-hover-child-bg: var(--menu-hover-parent-bg);
	/*--woo-price: #396227; Green AAA price colour (if on white bg) */
}
pre,#respond .form-allowed-tags{font-family: "Courier 10 Pitch", Courier, monospace;}
code,kbd {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
/*Highlight colours */
.highlight{color:#424242;}
.alt-colour{color:#00f;}
/* current menu page colour */
#seja-framework-menu ul li.current_page_item > a,#seja-framework-menu ul li.current-menu-ancestor > a,#seja-framework-menu ul li.current-menu-item > a,#seja-framework-menu ul li.current-menu-parent > a{color: #fff;}
/* light colour */
.entry-meta,.entry-meta a:link,.entry-meta a:visited,.entry-utility,.entry-utility a:link,.entry-utility a:visited,.navigation a:link,.navigation a:visited,p.logged-in-as,p.logged-in-as a:link,p.logged-in-as a:visited,p.form-allowed-tags,p.comment-meta,.comment-meta a:link,.comment-meta a:visited,a.reset_variations{color:#999;}
/* dark colour */
input,textarea,.category-title,.archive h1.page-title{color:#900;}
#wp-calendar caption,#wp-calendar tfoot a{color:#fff;}
#content{background:#fff;}
#seja-banner img {width:100%;height:auto;}
/* HEADER
-------------------------------------------------------------- */ 
.top-strip{width:100%;height:38px;background:#f1f1f1;border-bottom:2px solid #9c9c9c;position:absolute;top:0;z-index:9999;}
.header-contact{ margin-left:20px; float:right; width:290px; max-width:calc(100% - 20px)} /* this is the wrapper for the header contact widget - 500px is recommended but adjust as required*/
.header-bg{width:1920px;max-width:100%;margin:0 auto;}
.header-pagetitle{padding:250px 0 150px;}
.header-overlay{background:rgba(255,255,255,0.85);position:absolute;top:38px;z-index:100;width:100%;height:106px;padding-top:8px;box-shadow:0 2px 2px rgba(204,204,204,0.5);}
.header-img{max-width:270px;float:left;}
.header-img img{padding:0 20px 0 0;}
.header-telephone{width:320px;}
.header-telephone a:link,.header-telephone a:visited{color:#2c5185;}
.header-telephone a:active,.header-telephone a:hover{color:#000;}
.header-telephone .remove{font-size:0.9em;}
.header-telephone .number{font-size:1.75rem;}
/* NAVIGATION 
-------------------------------------------------------------- */
/* Seja Access */
#nav-access{height:56px;top:48px;}
.nav-collapse a:hover,.nav-collapse li.focus > a{background-color:#4f4f4f;background-color:var(--menu-hover-parent);}
/* this will eventually be moved to the generated inline styles */
@media screen and (max-width:1000px){
  #nav-access .nav-collapse .dropdown-toggle{border-color:#fff;color:#fff;background:rgba(0,0,0,0.4);}
  #nav-access .nav-collapse .dropdown-toggle:hover,#nav-access .nav-collapse .dropdown-toggle:focus,#nav-access .nav-collapse .dropdown-toggle:active{background-color:#ccc;color:#333;} 
  body{--menu-bg:#fff;}
	#seja-framework-menu a{border-bottom:1px solid #ccc;}
}

/* CONTENT - GENERAL
-------------------------------------------------------------- */
.highlight{
font-size:1.375rem;font-weight:300;}
.separator{}
.seja-link-div{background:#f1f1f1;}
p{line-height:2rem;margin-bottom:30px;}/* for more compact designs use this - line-height:1.6em;margin-bottom:18px; */
p.largetext{
text-align:center;font-size:2.75rem;font-weight:300;}
p.largetext span{
padding: 16px 19px;background:rgba(0,0,0,0.75);color:#fff;}
.metaslider .caption-wrap{background: #003666!important;}
.caption-wrap:after{content: '';width:100%;height:100%;position:absolute;background:inherit;z-index:-1;top:0;transform-origin:right bottom;transform:skewY(2.5deg);}
.caption{max-width:1160px;padding:20px!important;margin:0 auto;}
.caption h2,.caption p,.caption a{color:#fff;}
.scroll-block-2{background:#fffdf0;}
.scroll-block h2{padding-top:50px;}
.zero-lineheight p{line-height:0;}

@media (max-width:1130px){
.header-bg{margin: 50px auto 0;}
}
@media(max-width:1000px){
	.header-img{margin-left:80px;}
	#nav-three{position:absolute;top:48px;width:100%;}	
}
@media (max-width:925px){
.header-bg{margin: 165px auto 0;}
.metaslider .caption-wrap{width:400px;left:calc(50% - 200px);}
.metaslider .caption h2{font-size:1.4em;}
}
@media (max-width:650px){
.remove{display:none;}
.header-contact{width:200px;}
.header-telephone{width:180px;}
.header-telephone .number{font-size:1.5rem;}
.caption-wrap:after{content:initial;}
p.hide-on-small{display:none;}
}
@media (max-width:530px){
.header-contact{width:60px;position:absolute;right:0;z-index:200;}
.header-telephone{width:40px;}
.header-telephone .number{display:none;}
.nav-toggle{margin-right:5px;}
p.largetext{font-size:2rem;}
}
@media (max-width:480px){.header-img{margin-left:5px}#nav-access{top:initial;}}
@media (max-width:380px){.top-strip{height:48px;}.top-strip i{font-size:2em;position:relative;top:3px}.header-telephone a:link{width:44px;height:44px;display:block;}.header-img{width:70%;}h1,h2{font-size:1.3em;}p.largetext{font-size:1.5rem;}}
/* CONTENT - FORM
-------------------------------------------------------------- */
/* want larger form elements - wrap the form using .large-form  MAKE A NOTE OF THIS IN THE HELP PAGES*/
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="file"],input[type="url"],select,textarea{background: #fff;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius:3px;border-radius:3px;}
/*buttons default*/
input[type="submit"],a.button,a.wp-block-button__link,
.calendar_wrap, /* calendar_rap uses the same background as the button for the calendar. alternatively move it and give it new attributes */
.woocommerce #content input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce-page #respond input#submit.alt,.woocommerce-page a.button.alt,.woocommerce-page button.button.alt,.woocommerce-page input.button.alt	{
	border:1px solid var(--theme-colour);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	color:#fff;
	background:#333;background:var(--theme-colour);
	padding:8px 5%;
}
.is-style-outline a.wp-block-button__link{
	color:#333;color:var(--theme-colour);
	background:#fff;
}
:focus{outline-color:var(--theme-colour);}
/* button hover */
input[type="submit"]:hover,a.button:hover,a.wp-block-button__link:hover,
.woocommerce #content input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page input.button.alt:hover {
	color:#333;color:var(--theme-colour);
	background:#fff;
}
.is-style-outline a.wp-block-button__link:hover{
	color:#fff;
	background:#333;background:var(--theme-colour);
}
/* button disabled */
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover {
	background:#bdb7b8;
}

/* widget search submit button */
.widget_search input#searchsubmit {
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius:    0 15px 15px 0;
	border-radius:         0 15px 15px 0;
}
.ui-datepicker-div{font-size:0.75em;} /* if you've changed the font size in body{}, you may want to adjust this */
.ui-datepicker .ui-widget-header { /* add a background here if you're using the cf7 datepicker (jquery ui) */ }
::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#18468C;opacity: 1;}
:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#18468C;}
::-ms-input-placeholder {/* Microsoft Edge */color:#18468C;}


/* FOOTER
-------------------------------------------------------------- */
#footer{font-size:0.8em;background:#153047;}
/*footer widgets*/
#footer-widget-area .widget-title{color:#fff}
#footer-widget-area p,#footer-widget-area ol,#footer-widget-area ul,#footer-widget-area dd,#footer-widget-area pre,#footer-widget-area td{color:#fff;}
#footer-widget-area a:link,#footer-widget-area a:visited{color:#fff;}
#footer-widget-area a:active,#footer-widget-area a:hover{color:#fff;}
.homepage-footer{
background:url(../../images/c2a_bg.jpg) no-repeat;width:100%;max-width:1920px;margin:0 auto 20px;padding-top:60px;}
.homepage-footer .inner-wrapper{}
.homepage-footer .block25{
width: 242px;height:307px;margin-right:1px;margin-bottom:20px;position:relative;background-size:100% auto;
}
.homepage-footer .block25 a{
display:block;width:100%;height:30px;background: #003f77;position:absolute;bottom:0;left:0;color:#fff;font-size:1.275rem;font-weight:300;text-decoration:none;text-align:center;padding:27px 0 45px;}
.homepage-footer .block25:hover a{
background:#fff;color:#003f77;
}
.homepage-footer #windows{
background:url(../../images/c2a1_img.png)no-repeat 0 0 / 100% auto;}
.homepage-footer #doors{
background:url(../../images/c2a2_img.png)no-repeat 0 0 / 100% auto;}
.homepage-footer #contact{
background:url(../../images/c2a3_img.png)no-repeat 0 0 / 100% auto;}
.homepage-footer #gallery{
background:url(../../images/c2a4_img.png)no-repeat 0 0 / 100% auto;}
#colophon{
padding-top:30px;}
ul#menu-footer-menu li,ul#menu-footer-products li{
display:inline-block;padding:0 15px;border-right:1px solid #fff;}
ul#menu-footer-menu li:last-child,ul#menu-footer-products li:last-child{
border-right:none;}
#copyright-wrapper{
clear:both;padding-top:20px;}
/* WOOCOMMERCE
-------------------------------------------------------------- */

.price span{font-size:1.25em;}/* price size*/
.woocommerce div.product p.price, .woocommerce div.product span.price {color:#8fae1b;}/* pricing colour here */
.woocommerce-message::before {color: #8fae1b;}/* GREEN colour here */
.woocommerce-message {border-top-color: #8fae1b;}/* GREEN border here */
.woocommerce a.remove{color:#f00 !important;}/* RED colour here */
.woocommerce a.remove:hover{background: #ff0000;}
/* slideout sidebar */
.two-fixed .col2.slideout {
	width:550px;
	background:#f5f5f5;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	-moz-box-shadow: 0 1px 0 #1d47c1, 0 2px 0 #061952;
	-webkit-box-shadow: 0 1px 0 #1d47c1, 0 2px 0 #061952;
	box-shadow: 0 1px 0 #1d47c1, 0 3px 0 #061952;
}
/* PAGINATION AND CALENDAR
-------------------------------------------------------------- */
.pagination span, .pagination a {
	background: #fff; /* background colour of inactive pagination blocks */
}
.pagination .current,
.pagination a:hover{
	color:#fff; /* font colour of current page block */
}
#wp-calendar tbody td{background:#f5f5f5;border:1px solid #fff;}
#wp-calendar tbody a{background: #f00;color:#fff;}

/*jquery */

.seja-toggle-block{display:none;}
.hidden{display:none;}
lable.hidden{height:1px;}