/*
Theme Name: Mark Edlington
Theme URI: https://medlington.co.uk
Author: MArk Edlington
Author URI: https://medlington.co.uk
Description: Mark Edlington Personal Site


Version: 2023
*/
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('fonts/OpenSans-CondBold-webfont.ttf') format('ttf'),
       url('fonts/OpenSans-CondBold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

:root {
  --main-bg-color: #333;
  --main-red: #f9423a;
  --text-color: #333;
	--title-font: 'Poppins', sans-serif;
  --body-font: 'Poppins', sans-serif;
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}

blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
.term-description ul {margin-left:50px}
.term-description li {margin-bottom:10px; color:var(--text-color);     font-size: 14px;    line-height: 1.6; font-family:var(--title-font)}



/* custom */
* {margin:0; padding:0;}
a { text-decoration:none}
body {background-color:#fff; line-height:1.2; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-rendering: optimizeSpeed; font-family:var(--body-font)}

h1 {font-size:9vw; text-align:center; margin-top:20px !important; margin-bottom:20px !important; font-weight:bold;  font-family:  var(--title-font);}
h2 {font-size:1.125rem; margin-top:20px; margin-bottom:10px; font-family:  var(--title-font);}
h3 {font-size:18px; font-family:  var(--title-font); color:var(--text-color)}

.container {width:100%; max-width:1260px; margin-left:auto; margin-right:auto; display:block; background-color:#fff}
.header {width:100%; display:block; height:80px}
.footer {width:100%; min-height:100px; display:block; background-color:#333; color:#eee}
.clear {width:100%; height:1px; overflow:hidden; display:block; clear:both}

#footer {width:100%; padding-top:20px; padding-bottom:50px; text-align:center; background-color:var(--main-bg-color); color:#ddd;  font-family: var(--title-font); display:block}
.aff_disclose {width:100%; margin-top:20px; padding-top:20px; padding-bottom:20px; text-align:center; background-color:var(--main-bg-color); color:#ddd;  font-family: var(--title-font); display:block}
.aff_disclose p {color:#ddd; max-width:900px; text-align:center; margin-left:auto; margin-right:auto; border-bottom:1px solid #ccc; padding:20px !important; padding-top:0 !important}
p {   font-size:16px; line-height:1.8; font-weight:400; letter-spacing:0.025em; margin-bottom:20px; color:var(--text-color); font-family:var(--body-font)}
@media only screen and (min-width: 768px){
.header { background-color:var(--main-bg-color); height:110px}
.toplogo {margin-left:25px; margin-top:7px; width:90%; display:block}
p {font-size:16px}
}

/* mobile menu */
.mobile_flyout-bg {width:100%; height:100%; display:none; position:fixed; top:0; left:0; z-index:10; background-color:#000; opacity:0.5}
.mobile_flyout-holder {z-index:11; display:none; width:100%; position:fixed; top:0; left:0; background-color:#FFF}
.mobile_flyout {width:100%}
.mobile_menu {width:100%; height:100%;display:none; position:fixed;  overflow:auto; z-index:8}
.mobile_menu_head {width:100%; height:70px; border-bottom:1px solid #bbb}
.mobile_close {float:right; height:50px; width:50px; font-size:2rem; cursor:pointer }
.mobile_heading {width:97%; padding-left:3%; padding-top:16px; padding-bottom:16px; border-bottom:1px solid #bbb; font-size:1.52rem; font-weight:bold; text-transform:uppercase}
.mobile_menu li {width:100%; padding:0; font-size:1.1rem;  color:#ddd; background-color:#777;  font-family: var(--title-font); border-bottom:1px solid #666}
.mobile_menu ul {display:block; width:100%; background-color:#ddd;}
.mobile_menu li a {color:#eee; padding:19px; padding-left:50px; display:block; text-transform:uppercase; font-size:14px}
.mobile_menu ul li ul {display:none}

.mobmenuitems {display:none; width:100%; }
.mobmenutitle { padding-left:20px; padding-top:19px; padding-bottom:20px; display:block; color:#ddd; font-family:var(--main-font); border-bottom:1px solid #444}
.mobmenutitle a {color:#ddd}
.mobile_menu_items {font-family:var(--title-font); text-transform:uppercase; background-color:#555; width:100%}
.menu-mobile_menu li a {padding-left:40px}
.mobile_menu li a::before {content: " - ";}

/* mobile header */
.headermobile {display:none; height:70px; background-color:var(--main-bg-color)}
.hamburger {width:30px; height:30px; display:block; position:fixed; top:25px; right:25px; z-index:15; cursor:pointer; background-image:url(images/hamburger.gif); background-repeat:no-repeat; background-size:100% auto;}
.hamburger_close {width:30px; height:30px; display:none; position:fixed; top:22px; right:21px; z-index:15; cursor:pointer; color:#eee; font-size:32px; font-family:var(--title-font)}
.mobilelogo {background-image:url(images/logo-mobile.gif); background-size:100% auto; background-repeat:no-repeat; cursor:pointer; width:200px; height:60px; display:block; float:left; margin-left:10px; margin-top:10px}
.mobile_scroll {width:100%; height:100%; overflow-y:scroll}
/* header dt */
#container {position:absolute; z-index:1; width:100%; display:block}
.header_dt li { display:block}
.menu-top-menu-container .menu li {display:block}
.topmenu {float:left; font-family:var(--title-font); color: var(--main-red); text-transform:uppercase; cursor:pointer}
.mydropdown {display:none; width:100%; position:relative; top:110px; background-color:#333; z-index:12; border-radius:5px;  height:0}
.mydropdown .menu {width:100%; padding:25px; background-color:#292929; display:block}
.logo {width:160px;  margin-left:20px; margin-top:20px}
.headerlinks {display:none}
.headerlinks a{ color:#ddd; font-family: var(--title-font); background-color:#555; width:100%; display:block; padding:4px; padding-left:5px; font-size:14px}
.headerlinks a:hover {color:var(--main-red); background-color:#ddd}
.below_head_links {width:100%; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #333; display:block}
.head_center {width:100%; max-width:1260px; display:flex; margin-left:auto; margin-right:auto}
.mega-menu-item {font-family:var(--title-font) !important}
a.mega-menu-link:active, a.mega-menu-link:visited, .mega-menu-link:link, a.mega-menu-link:hover {font-family:var(--title-font) !important}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {font-size:18px !important; color:var(--main-red)}
.mega-sub-menu li a:hover {background-color:var(--main-red) !important; color:#fff !important}
.mega-menu-link {text-transform:capitalize !important}
.mobileheaderlinks {display:block; position:fixed; top:0; left:0; width:100%; z-index:10}
.brandlable {width:200px; color:var(--main-red)}
.mega-menu-wrap {display:block !important; height:110px !important; background-color:var(--main-bg-color) !important}
.mega-toggle-blocks-left { height:110px !important; background-color:var(--main-bg-color) !important}
.mega-menu-toggle, .mega-toggle-blocks-left, .mega-menu-wrap {height:80px !important}
.entry-content img {width:100%; height:auto }
.mobile_top_space {width:100%; height:110px; display:block}
.padding {padding:25px}
.center {width:100%; margin-left:auto; margin-right:auto; max-width:1500px}
.arrow_up {background-image:url(images/arrow-up.svg); width:10px; height:12px; display:inline-block; background-size:100% auto; background-repeat:no-repeat}
.rotate180 { transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
        	-moz-transform: rotate(180deg);
}

.mobile_off {display:block}
.mobile_span_off {display:none}
.header_dt {position:fixed; top:0; left:0; width:100%; height:80px; display:block; z-index:10; background-color:#333}

@media only screen and (min-width: 768px){
	.header_dt {position:fixed; top:0; left:0; width:100%; height:110px; display:block; z-index:10; background-color:#333}
.headerlinks {padding-top:10px; padding-left:20px; font-size:17px; z-index:10; margin-left:50px; margin-top:74px; display:inline-block}
.mobileheaderlinks {display:none;}
.logo {cursor:pointer; width:254px; margin-top:20px; margin-bottom:20px; display:block; float:left}
.mega-menu-toggle { height:110px !important; background-color:var(--main-bg-color) !important}
.mobile_off {display:none}
.mobile_span_off {display:inline}

}

/* banner */
.banner_holder {width:100%; height:350px; display:block}
.banner_link {font-size:5vw; width:90%; height:46px; background-image:url(images/home/banner/find-the-best-generator.svg); background-size:100% auto; display:block; text-indent:-99999px; background-repeat:no-repeat;  margin-left:auto; margin-right:auto; display:block; margin-top:20px; cursor:pointer}

.banner_text {font-size:3.8vw !important}
@media only screen and (min-width: 400px){
.banner_link {width:300px; height:46px; background-image:url(images/home/banner/find-the-best-generator.svg); background-size:100% auto; display:block; text-indent:-99999px; background-repeat:no-repeat;  margin-left:auto; margin-right:auto; display:block; margin-top:20px; cursor:pointer}
}
/* content */
.padding {padding:20px}
.right_col {width:25%; float:right; display:block; min-width:250px; background-color:#ccc}
.leftt_col { float:left; display:block}

.my_main_image_mobile {display:block}
.my_main_image {width:100%; height:auto; display:none}
.my_main_image img, .my_main_image_mobile img  {width:100%; height:auto}

@media only screen and (min-width: 768px){
.mega-menu-wrap { height:auto !important;}
.my_main_image_mobile {display:none}
.my_main_image {display:block}
.banner_link { width:310px}

}

.woocommerce .woocommerce-breadcrumb {font-size:12px; margin-top:10px; margin-bottom:10px}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {position:relative !important; left:0 !important; height:25px !important}

.quantity, .single_add_to_cart_button  {display:none !important}
.flag {width:26px; height:14px; display:inline-block; overflow:hidden; margin-right:5px; border:1px solid #000}
.smalltitle {font-size:12px}


.aff_submit {outline:none; border:none; padding:0.75em; border-radius:20px !important; font-size:16px; color:#fff; background-color:var(--main-red); cursor:pointer; font-weight:bold}
.dull_price {outline:none; border:none; padding:0.75em; border-radius:20px !important; font-size:16px; color:#333; background-color:#fff; cursor:pointer; font-weight:bold}
.aff_tab_col1 {width:260px}
.clear {width:100%; height:1px; display:block; overflow:hidden; clear:both}

.gallery_main {width:100%; display:block}
.gallery_main {width:100%; display:block}
.gallery_thumb {width:25%; float:left; cursor:pointer}
.aff_tab_col2 {text-align:right}
.my_gallery_holder {width:100%; float:none}

@media only screen and (max-width: 768px){
.my_gallery_thumb_hold  {width:100%; float:none}
}
@media only screen and (min-width: 768px){
.my_gallery_holder {width:48%; float:left}
h1 {font-size:26px; font-family: var(--title-font); margin-bottom:20px; color:var(--text-color)}
h2 {font-size:28px; font-family: var(--title-font); color:var(--text-color)}

}
.woocommerce-Tabs-panel--description h2 {font-size:1.125rem; margin-top:20px; margin-bottom:10px}



.closedcountry {display:none}
.countryopener {display:cursor}
.pricetitle {margin-top:10px; margin-bottom:15px; display:block}
.countryopener {margin-top:20px; color:var(--main-red); font-weight:bold; text-align:center; width:100%; cursor:pointer; margin-bottom:10px}
.single-product .price {display:none}


/* home /*/
.home_banner {width:100%; height:99vw; display:block; background-image:url(images/home/banner/home-mobile.jpg); background-repeat:no-repeat; background-size:100% auto; background-position:center center}
.home_banner_text {width:auto; margin-left:auto; margin-right:auto;}
.home_banner_text p ,.home_banner_text h1 {color:#fff}
.features {display:block; padding:40px; padding-top:0}
.feature {width:100%; text-align:center; margin-top:30px}
.feature img {width:70%; margin-left:auto; margin-right:auto}
.main_intro { display:none}
.white {width:100%; display:block; background-color:#fff}
.home h1 {text-align:center}
.home h2 {text-align:center; font-size:5.4vw; font-weight:bold}
.home p {text-align:center; font-size:16px; margin-bottom:0; padding-bottom:0}
@media only screen and (min-width: 768px){
	.home_banner_text {padding-top:25px}

.main_intro {width:90%; max-width:920px; text-align:center; margin-left:auto; margin-right:auto; display:block}
.home_banner {width:100%; height:354px; display:block; background-image:url(images/home/banner/home-dt.jpg); background-repeat:no-repeat; background-size:auto 100%;}
.feature {width:25%}
.features {display:flex; gap:30px; padding:20px; text-align:center}
.home h2 {font-size:24px;}
.home p {font-size:14px;}
.feature_txt_link {margin-top:20px; margin-bottom:20px; display:block}
}
@media only screen and (min-width: 1100px){
.home_banner {background-size:100% auto;}

}
/* cats /*/
.readmore {padding:10px; padding-left:20px; padding-right:20px; border-radius:5px; display:block; background-color:var(--main-red); color:#fff; width:128px; text-align:center; cursor:pointer; margin-bottom:20px}
.readmorearea, #readless {display:none}


/* search page /**/
.generator_finder h1 {margin-top:10px !important; margin-bottom:10px !important}
.finder_element {width:100%; display:block;}
.finder_head  {width:100%; display:block; padding:10px; padding-left:25px; background-color:#333; color:#ddd; border-bottom:1px solid #666}
.finder_content {width:94%; padding:2%; height:auto; display:none; background-color:#fff; margin-left:auto; margin-right:auto}
.finder_open {display:block}
.finder_continue {margin-top:20px; margin-bottom:25px}
.finder_element select {padding:10px; font-size:16px}
.finder_start {margin-left:auto; margin-right:auto; width:100%; padding-top:10px; padding-bottom:10px}
.plusminus {float:right; padding-right:20px}
.generator_finder .submit {font-size:16px; text-align:center; width:90%; margin-left:auto; margin-right:auto; display:block; padding-top:20px; padding-bottom:20px; color:#fff; background-color:var(--main-red); border:none; outline:none; margin-top:20px; margin-bottom:20px; border-radius:5px; text-transform:uppercase; font-family:var(--title-font)}
.finderinput {padding:10px}
.checkitemflex {display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;}
.checkitem {width:50%; height:auto; display:block; font-size:16px; padding-top:10px; padding-bottom:10px}
.default_all {width:100%; display:block; padding-bottom:10px; border-bottom:1px dashed #bbb}
.device_input {width:30px; font-size:24px; text-align:center; padding:5px}
.device_item {padding:5px}
.yesno {display:flex; gap:25px; margin-left:auto; margin-right:auto; margin-bottom:25px; width:200px; text-align:center} 
.yesno div { flex:none; padding:10px; background-color:var(--main-red); color:#fff; text-align:center; display:block; min-width:80px; border-radius:5px; cursor:pointer}
.wattage_yes, .wattage_no {display:none}
.yesno div:hover {background-color:var(--main-red) !important;}
.wattageselect {display:none}
.result_holder {width:100%; display:block}
.results {display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  }
  .result {width:50%; display:block; padding:3px}
  .result_image img {width:100%; height:auto}
    .result_title {text-align:center;  padding-top:10px 0;}
  .result_title a{font-size:14px; font-weight:bold; color:#333}
  .result_price{ text-align:center; padding-top:10px; padding-bottom:20px}
  .result_price a{font-size:18px; font-weight:bold;color:var(--main-red);}
  @media only screen and (min-width: 768px){
  .result {width:19%; padding:5px}
  }  @media only screen and (min-width: 1500px){
  .result {padding:10px}
  }
  
  .woocommerce-product-details__short-description p{font-size:17px; margin-top:50px}
  .woocommerce-Tabs-panel--description {display:block !important}