/*
Theme Name: Seja Framework Version 3.6
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. 
*/

/* DEV NOTE : There are instructional comments along the way to help you in building your theme, feel free to delete these and any empty rules upon completion */

body {	
	background:#fff;font-size:20px;
	--menu-bg:#fff; /* menu background */
	/*Parent Level */
	--menu-parent:#50107d;					/*menu parent link colour */
	--menu-hover-parent:#fff;			/*menu parent hover link colour */
	--menu-hover-parent-bg:#50107d;		/*menu hover background */
	/*Child Level */
	--menu-child: #fff;					/* menu child link colour */
	--menu-child-bg: #333;				/* menu child bg colour */
	--menu-hover-child: var(--menu-hover-parent); 		/* menu child hover link colour - NOTE you can use variables in variables as per this example*/
	--menu-hover-child-bg: var(--menu-hover-parent-bg);	/*menu child hover background */
}


/* FONTS
-------------------------------------------------------------- */
body{font-family: 'Noto Sans Display', sans-serif;}
.light,.entry-utility,.excerpt-entry-meta,.information-text,h1.entry-title,h2.entry-title,.domain-pricing-block,seja-link-div,h1,h2,h3{font-family: 'Martel', serif;font-weight:200;font-style: normal;}
h4,h5,h6{font-family: 'Martel', serif;font-weight:600;font-style:normal;}
#top-content-block h2{font-family: 'Martel', serif;font-weight:300;font-style:normal;}
.hosting-features p,#footer h2,#footer h3,#footer h4#footer p#footer ol,#footer ul,.site-info,.copyright{font-family: 'Noto Sans Display', sans-serif;}
pre,#respond .form-allowed-tags{font-family: "Courier 10 Pitch", Courier, monospace;}
code,kbd {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}

/* FONT COLOURS
-------------------------------------------------------------- */
.highlight {color:var(--theme-colour);}
input,textarea,.category-title,.archive h1.page-title {color:var(--theme-colour);}
.alt-colour{color:#24548f;}
h1,h2,h3,h4,h5,h6,.hosting-subtext{color:#2A4779}
.contact-number,.contact-number a:active,.contact-number a:link,.contact-number a:visited,.contact-number a:hover{color:#fff;text-decoration:none;}
.client-login{color:#fff;}

/* 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:#575757;}

nav.seja-breadcrumb .separator{color:#636969;}

/*header*/
#seja-banner img {width:100%;height:auto;}
#header {clear:both;} /* delete any elements that are not being used */
.no-bullet {} /* remove the bullet  */
#top-strip{background:#50107d;padding-top:10px;height:40px;}
.header-contact { margin-left:20px; float:left;width:calc(50% - 20px)}
.header-contact h3.widget-title {}
.client-login{margin-right:20px;float:right;width:200px;text-align:right;cursor:pointer}
.client-login:hover{background:#fff;color:var(--menu-parent);}
#header {clear:both;background:#fff;}
.header-img{width:500px;}
@media(max-width:500px){.header-img{width:100%;display:initial;}}
/*header client login */
.client-login-form{position:absolute;width:220px;padding:0 15px;right:0;top:82px;text-align:right;background:#5b5161;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;display:none;color:#fff;z-index:10000;}
.client-form-cancel{font-size:0.8em;text-decoration:underline;margin-right:30px;cursor:pointer;}
.client-form-cancel:hover{text-decoration:none;border-bottom:3px solid #fff;}

/* header navigation */
#nav-access{height:56px;}
.nav-collapse a:hover,.nav-collapse li.focus > a{background-color:#4f4f4f;background-color:var(--menu-hover-parent);}
.nav-collapse ul{border-top:none;border-bottom:2px solid #fff;}
#nav-access ul.menu-header > li {margin-right:3px;}
/* this will eventually be moved to the generated inline styles */
@media screen and (max-width:800px){
  #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;} 
}

#top-content-block{background:url("images/presshost-bannerbg-1800.jpg");background-size:cover;min-height:400px;background-position:right;}
.text-wrapper{float:left;margin-top:50px;background:#2d276f;padding:20px;margin-left:20px;}
.home .text-wrapper{margin-left:0;}
.text-wrapper h1,.text-wrapper h2{color:#fff;}
.text-wrapper h1{font-size:3.75rem;margin-bottom:0;}
.text-wrapper h2{font-size:1.5rem;}
.registered{font-size:0.4em;padding-left:5px;position:relative;top:-15px;}
.tcb-home{background:url("images/computer-with-wordpress-code.svg")no-repeat 70%;height:700px;}
.tcb-homeoverlay{background:url("images/wordpress-code.svg")no-repeat;height:700px;}
.tcb-affiliate{background:url("images/affiliate-graphic.svg")no-repeat right;height:500px;}
.tcb-accessibility{background:url("images/accessibility-graphic.svg")no-repeat right;height:500px;}
.tcb-aup{background:url("images/acceptable-use-policy-graphic.svg")no-repeat right;height:500px;}
.tcb-domains{background:url("images/domain-registration-graphic.svg")no-repeat right;height:500px;}
.tcb-newsfeed{background:url("images/news-graphic.svg")no-repeat right;height:500px;}
.tcb-privacy{background:url("images/privacy-policy-graphic.svg")no-repeat right;height:500px;}
.tcb-refund{background:url("images/refund-policy-graphic.svg")no-repeat right;height:500px;}
.tcb-reseller{background:url("images/reseller-graphic.svg")no-repeat right;height:500px;}
.tcb-vps{background:url("images/vps-servers-graphic.svg")no-repeat right;height:500px;}
@media (max-width:800px){
    /* responsive */
    #top-content-block > div {background-position:0 100px;}
    .text-wrapper{float:initial;margin-top:0;margin-left:0;width:calc(100% - 40px);}
    
    
}

/* common content */
#content-shell {}
#alt-content-block {}
#content {background:#fff;clear:both;}
.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; */
.relative{position:relative;}
/* these may be future framework elements */
.flex{display:flex;gap:10px 30px;flex-wrap:wrap;}
.flex.onecol > div {width:100%;}
.flex.twocol > div {width:calc(50% - 20px);}
.flex.threecol > div {width:calc(33% - 30px);}

/* 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);
}
.client-login-form input[type="submit"]{margin:5px 0;border:2px solid #fff;}
.client-login-form input[type="submit"]:hover,.client-login-form input[type="submit"]:focus{background:#fff;color:var(--theme-colour);}
.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:#575757;opacity: 1;}
:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#575757;}
::-ms-input-placeholder {/* Microsoft Edge */color:#575757;}
h3.ui-accordion-header{background:#e3e2e4;}

.wpcf7-not-valid-tip{margin-top:0.5em;padding:4px 2%;}
.wpcf7-response-output{margin:0.2em 0!important;border:none!important;background:#ffcd75;color:#433b45!important;}
.required{font-size:0.8em;color:var(--theme-colour);font-style:italic;}

/* home page */
.home #content{width:100%;}
.home .single-column,.home .entry-content{padding:0;}
.home .entry-title{max-width:1200px;margin:0 auto;padding:40px 0 5px;}
.home .entry-content .inner-wrapper > .wp-block-group__inner-container{padding:0 40px;}
.signup-cta{background:var(--theme-colour);padding:20px;text-align:center;-webkit-border-radius: 8px;-moz-border-radius:8px;border-radius:8px;border:3px solid transparent;}
.signup-cta:hover{outline:2px solid var(--theme-colour);border:3px solid #fff;}
.signup-cta h3,.signup-cta a,.signup-cta a:hover{color:#fff;}
.signup-cta a:hover{border:none;text-decoration:underline;}
.signup-cta a:focus{border:none;}
.web-hosting-content,.contact-block{background:#e5e5e5;border-top:1px solid #828282;}
.web-hosting-content h2{margin-top:40px;}
p.hosting-features-leadin{font-size:0.9rem;margin-bottom:0;line-height:1em;}
.hosting-features{width:175px;height:75px;padding-top:115px;margin:10px 5px;float:left;text-align:center;background-size:60px;box-sizing:initial;}
.hosting-features h3,h4.hosting-features-leadout{margin-bottom:0;font-size:1.5rem;}
.hosting-features p{line-height:1em;color:#c14334;font-size:0.8em;}
#disk-space{background: url(https://presshost.b-cdn.net/wp-content/assets/hosting-diskspace21.svg) #fff no-repeat center 10px;background-size:100px;}
#bandwidth{background: url(https://presshost.b-cdn.net/wp-content/assets/hosting-bandwidth21.svg) #fff no-repeat center 10px;background-size:100px;}
#email{background: url(https://presshost.b-cdn.net/wp-content/assets/hosting-email21.svg) #fff no-repeat center 10px;background-size:100px;}
#mysql{background: url(https://presshost.b-cdn.net/wp-content/assets/hosting-mysql21.svg) #fff no-repeat center 10px;background-size:100px;}
#cpanel{background: url(https://presshost.b-cdn.net/wp-content/assets/hosting-cpanel21.svg) #fff no-repeat center 10px;background-size:100px;}
#wordpress-management{background: url(https://presshost.b-cdn.net/wp-content/assets/hosting-wordpress-management21.svg) #fff no-repeat center 10px;background-size:100px;}
.green{color:#117406;}
.contact-block .inner-wrapper{padding-top: 50px;}
.main-telephone{font-size:1.5em;}
/*vps hosting*/
.vps-options{max-width:900px;margin:0 auto 70px;}
.vps-options h2{font-weight:900;padding-top:20px;}
.vps-options .has-large-font-size{text-align:center;color:var(--theme-colour);}
.vps-options ul{margin:0 0 15px;}
.vps-options li::before{content:none!important;}
.vps-default,.domain-default{background:#ededed;margin-top:30px;}
.vps-default li{padding:2px 20px;border-bottom:1px solid #878787;}
.vps-default li:first-child{border-top:1px solid #878787;}
.vps-feature,.domain-promo{background:#743778;}
.vps-feature h2{margin-bottom:45px;color:#aaeaf3;}
.vps-feature .has-large-font-size{color:#f1eec0;}
.vps-feature li{padding:2px 20px;border-bottom:1px solid #c588c8;color:#fff}
.vps-feature li:first-child{border-top:1px solid #c588c8;}
.vps-options .wp-block-buttons{position:relative;min-height:30px;}
.vps-options .wp-block-button{position:absolute;top:5px;left:80px}
.domain-default img{width:100%;}
.domain-default h3,.domain-default p{padding-left:10px;}
.domain-default ul li::before{content:"\f57e";font-size:initial!important;}
.domain-default input[type="text"]{width:100%;}
.domain-default select{padding:15px 20px 15px 4px;}
.full-domain-cta{position:absolute;bottom:-8px;}
.domain-promo{padding:20px 20px 40px;}
.domain-promo h2,.domain-promo p{color:#fff;}
.domain-promo a:link,.domain-promo a:visited{color:#f5eaf5;}
.domain-promo a:hover{border:2px solid #f5eaf5!important;}
.select-style > select::after{content: none;}
.vps-options .wp-block-column{margin-bottom:50px;}
@media(max-width:599px){.vps-options .wp-block-column{margin-bottom:70px;}}
@media(min-width:780px) and (max-width:1050px){.vps-options .wp-block-button{left:10px;}}
@media(min-width:650px) and (max-width:680px){.vps-options .wp-block-button{left:10px;}}
/*  */
/*domain registration leadin */
/*domain registration full */
.domain-pricing-block{border:1px solid #394551;margin-bottom: 20px;background:#eee}
.domain-wrapper{}
.domain-extension{width:160px;display: inline-block;}
.has-image{padding: 20px 0 0 150px;}
.has-text{padding: 20px 0 0 100px;}
@media(max-width:760px){.flex.twocol>div{width:initial;}.flex.threecol>div{width:calc(50% - 30px);}.has-image,.has-text{padding:20px 0 0 20px;}}
@media(max-width:600px){.flex.threecol>div{width:initial;}}
input#domain-name{width:100%;}
select#domain-extension{width:100%;height:40px;}
.domain-registration-input input[type="submit"]{margin-top:27px;width:100%;}
.domainreg{margin-bottom:40px;}
/*news feed entry page*/
section.news-block{margin-bottom:30px;padding:20px 20px 0;background:#7c407d;}
section.news-block h2{padding-top:80px;color:#c3d1e9;}
section.news-block h3{color:#fff;}
section.news-block a:link,section.news-block a:visited,section.news-block a:active,section.news-block a:hover{color:#fff;}
section.news-block a:hover{border-bottom-color:#fff;}
.hentry section.news-block ul li::before{color:#fff;}
.excerpt-column-right h2{padding-bottom: 20px;}
@media(max-width:700px){
    .seja-post-thumbnail{display:none;}
    .excerpt-column-left,.excerpt-column-right{float:initial;width:initial;}
    
    
}
/*posts*/

/* FOOTER
-------------------------------------------------------------- */
#footer{background:url(https://presscdn.b-cdn.net/images/presshost-footer-bg.png) repeat;clear: both;}
#footer {font-size:0.8em;}
#wp-calendar caption,#wp-calendar tfoot a{color:#fff;}
/*footer widgets*/
#footer-widget-area h3{color:#fedb94;font-weight:300;font-size:1.3em;text-shadow:0px 2px 2px #000;}
#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:active,#footer-widget-area a:hover{color:#fff;border:2px dotted #fff;text-decoration: none;} 
#footer a:focus{border:1px solid #fff;}
.icon-wordpress,.icon-cpanel,.icon-centos,.icon-apache,.icon-mysql,.icon-php{cursor:pointer;margin:10px 30px 25px;padding:0 10px;overflow:hidden;float:left;background-size:100%!important}
.icon-wordpress a,.icon-cpanel a,.icon-centos a,.icon-apache a,.icon-mysql a,.icon-php a{display:block;border:2px solid transparent;}
.icon-wordpress{background:no-repeat top;width:63px;margin-left:10px;height:44px;}
.icon-cpanel{background:no-repeat top;width:190px;height:53px;}
.icon-centos{background:no-repeat top;width:55px;height:43px}
.icon-apache{background: no-repeat top;width:60px;height:43px}
.icon-mysql{background:no-repeat top;width:100px;height:48px}
.icon-php{background:no-repeat top;width:90px;margin-right:10px;height:46px;}
.icon-wordpress:hover,.icon-cpanel:hover,.icon-centos:hover,.icon-apache:hover,.icon-mysql:hover,.icon-php:hover{background:no-repeat bottom;background-size:100%;}
#footer-widget-area #second,#footer-widget-area #third{background:url(https://presscdn.b-cdn.net/images/presshost-footer-col-separator.png) no-repeat top right;min-height:300px;}
#second ul,#third ul,#fourth ul{margin:0;padding:0;list-style:none;}
#second a,#third a,#fourth a{display:block;padding:3px 0 5px 0;background:url(https://presscdn.b-cdn.net/images/presshost-footer-menu-separator.png) no-repeat bottom left;text-shadow: 0px 1px 1px #666;font-weight:400;color:#fedb94;text-decoration:none;border:2px solid transparent;} /* THIS IS WHERE THE FOOTER PADDING IS */
#second{clear: both;}
#menu-sdnet a{padding-left: 30px;}
#footer-widget-area ul.menu .fad{color:#fedb94;}
#footer-widget-area ul.menu li{background-size:22px auto;background-position:20px 2px}
#footer-widget-area li.footer-link-sdnet{background:url(https://presscdn.b-cdn.net/images/footer-seja2021.svg) no-repeat;}
#footer-widget-area li.footer-link-sejadesign{background:url(https://presscdn.b-cdn.net/images/footer-seja2021.svg) no-repeat;}
#footer-widget-area li.footer-link-presshost{background:url(https://presscdn.b-cdn.net/images/footer-presshost2021.svg) no-repeat;}
#footer-widget-area li.footer-link-billing{background:url(https://presscdn.b-cdn.net/images/footer-presshost2021.svg) no-repeat;}
.copyright a:active,.copyright a:hover{color:#fff!important;border-bottom-color:#fff;}
/* 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;}