/*
Theme Name: Tawana
Theme URI: https://rair-dev.co.za/tawana/
Author: R&A strategic communications
Author URI: https://rasc.co.za
Description: Custom theme for the Tawana Hotazel Mining website.
Tags: Tawana
Version: 1.0
Requires at least: 6.2
Tested up to: 6.3
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tawana
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.tawana-dark-red {color:#643718;}
.tawana-terracotta {color:#d06829;}
.tawana-yellow {color:#ecb40f;}
.tawana-orange {color:#f79520;}
.tawana-orange-2 {color:#ec910f;}

@import url("assets/css/animate.css");
@import url("assets/css/font-awesome.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

body {/*--font-family: "Roboto Condensed", sans-serif; font-weight:300; --*/}

html {overflow: auto; width:100%; height: 100vh;}

.wp-site-blocks>*+* {}

.lock-scrolling {height: 100vh; width: 100vw; overflow: hidden;}

.hide, .hidden, .nodisplay {display:none !important;}

header>.is-layout-constrained.alignfull,
main>.is-layout-constrained.alignfull {padding-left: 3em; padding-right: 2em;}

body {webkit-animation:fadeIn 0.3s ease; animation:fadeIn 0.3s ease;}

:where(.wp-block-columns.has-background),
:where(.wp-block-group.has-background){padding-left: 1.5rem;padding-right: 1.5rem;}

article {webkit-animation:fadeInUp 1s ease-out; animation:fadeInUp 1s ease-out;}
body.home article {webkit-animation:none !important; animation:none !important; }

.img-top {margin-block-start:1.5rem !important}
.img-top-0 {margin-block-start:0rem !important}
.img-top-1 {margin-block-start:1rem !important}
.img-top-2 {margin-block-start:0.5rem !important}


/*--Image scaling--*/
.img-20, .img-30, .img-40, .img-45, .img-50, .img-60, .img-70, .img-80, .img-90 {width:auto; max-width:100% !important; }

@media (min-width: 992px) { .img-20 {width:auto; max-width:20% !important;} }
@media (min-width: 992px) { .img-30 {width:auto; max-width:30% !important;} }
@media (min-width: 992px) { .img-40 {width:auto; max-width:40% !important;} }
@media (min-width: 992px) { .img-45 {width:auto; max-width:45% !important;} }
@media (min-width: 992px) { .img-50 {width:auto; max-width:50% !important;} }
@media (min-width: 992px) { .img-60 {width:auto; max-width:60% !important;} }
@media (min-width: 992px) { .img-70 {width:auto; max-width:70% !important;} }
@media (min-width: 992px) { .img-80 {width:auto; max-width:80% !important;} }

/*-- .wp-block-heading {margin-block-start:0em; margin-block-end:0.5em;} --*/

h1, h1.wp-block-post-title, h1.wp-block-heading {display:block; color:#643718; font-weight:700; text-transform:none; line-height:1.2em; }
h1.wp-block-post-title, 
h1.wp-block-heading,
h1.wp-block-post-title.alignconstrained, 
h1.wp-block-heading.alignconstrained {display:block; margin-block-start:0 !important; margin-block-end:0.3em; position:relative; color:#643718;}

.home h1.wp-block-post-title, .home h1.wp-block-heading {margin-block-end:1.0em;  }

h1.tighthead {line-height:1em; }
h1.tighthead:after {}


h2, h3, h4, h5, h6  {text-transform:none; margin-bottom:0.5em;}

h2 {color:#d06829;}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {padding:1rem 1.375rem;}

p.has-medium-font-size {line-height:1.6em;}

main p.lead {font-size:1.4em !important; line-height:1.45em; font-weight:500;
    color:#777 !important;
    /*-- color:#d06829 !important; --*/
}

main .hilite {display:block !important; padding:20px !important; background:#d06829 !important;}
main .hilite p {color:#fff !important; }

ul {margin-block-start:0em; margin-block-end:1.5em;}
li {color:#333; margin-bottom:0.6em;}

.thumbicon {-webkit-transition:transform 0.2s ease; transition:transform 0.2s ease; background:transparent;}
.thumbicon:hover {transform:scale(1.03); }
.thumbicon img {box-shadow:2px 2px 8px rgba(0,0,0,0.2); background:transparent;}
.thumbicon:hover img,
.thumbicon:hover p {text-shadow:2px 2px 8px rgba(0,0,0,0.2); background:transparent; }
.thumbicon a, .thumbicon p a {text-decoration:none !important;}
.thumbicon a:hover, .thumbicon p a:hover {color:#d06829;}

.thumbicon.shadow {}

p.img-descriptor {margin-block-start:5px !important;}

a.notd, .notd a {text-decoration:none !important;}
a.notd:hover, .notd a:hover {color:#d06829;}

.link-nounderline a {text-decoration:none !important;}

.m-0 {margin:0 !important;}
.mb-0 {margin-bottom:0px !important;  margin-block-end:0px !important;}
.mb-5 {margin-bottom:5px !important;  margin-block-end:5px !important;}
.mb-10 {margin-bottom:10px !important;  margin-block-end:10px !important;}
.mb-15 {margin-bottom:15px !important;  margin-block-end:15px !important;}
.mb-20 {margin-bottom:20px !important;  margin-block-end:20px !important;}
.mb-25 {margin-bottom:25px !important;  margin-block-end:15px !important;}
.mb-30 {margin-bottom:30px !important;  margin-block-end:20px !important;}
.mt-0 {margin-top:0px !important;  margin-block-start:0px !important;}
.mt-10 {margin-top:10px !important;  margin-block-start:10px !important;}
.mt-15 {margin-top:15px !important;  margin-block-start:15px !important;}
.mt-20 {margin-top:20px !important;  margin-block-start:20px !important;}
.mt-25 {margin-top:25px !important;  margin-block-start:15px !important;}
.mt-30 {margin-top:30px !important;  margin-block-start:20px !important;}

.nopad {padding:0 !important;}
.nomargin-top {margin-top:0 !important;}
.nomargin {margin:0 !important; margin-block-start:0 !important;}

.br-lg-3 {border-right:3px solid #ccc;}
.bl-lg-3 {border-left:3px solid #ccc;}

.pos-relative {position:relative !important;}

/*--Buttons Standard--*/
.btn {padding:8px 12px 5px 12px; text-align:center !important; line-height:1.2em; font-size:0.8em; border:0; border-radius:0px;  text-decoration:none !important; text-transform:uppercase; font-weight:var(--font-bold) !important; margin-bottom:0.5em; -webkit-transition:transform 0.2s ease; transition:transform 0.2s ease; cursor:pointer;}
.btn:hover {transform:scale(1.05);}

.btn-primary a {color:#fff !important; background:#643718; border:0px; }
.btn-primary a:hover{color:#fff; background:#000; border:0; }

button.btn-default, 
.btn-default a {color:#fff !important; background:#d06829 !important; display:inline-block;}

.btn-default:hover,
.btn-default a:hover {color:#fff; background:#ec910f !important;}

.btn.center {margin:0 auto 15px auto;}

/*--Buttons--*/
button, .wp-block-button {text-align:center !important; margin-top:0px !important; margin-bottom:0.5em; border:0px; -webkit-transition:transform 0.2s ease; transition:transform 0.2s ease;}
.wp-block-button:hover {transform:scale(1.05);}

.wp-block-buttons .wp-block-button__link,
.wp-block-buttons .wp-block-button__link,
.wp-block-button .wp-block-button__link {border:0; border-radius:0px; text-decoration:none !important; text-transform:uppercase; font-weight:500 !important; text-align:center !important; padding:8px 14px; font-size:0.8rem; line-height:1.2em; color:#fff; }

.btn-primary .wp-block-button__link,
.wp-block-buttons.btn-primary .wp-block-button__link,
.wp-block-button.btn-primary .wp-block-button__link {color:#fff; background:#643718;  }

.btn-primary .wp-block-button__link:hover,
.wp-block-buttons.btn-primary .wp-block-button__link:hover,
.wp-block-button.btn-primary .wp-block-button__link:hover {color:#fff; background:#000; }

.btn-default .wp-block-button__link,
.wp-block-buttons.btn-default .wp-block-button__link,
.wp-block-button.btn-default .wp-block-button__link {color:#fff; background:#d06829;  }

.btn-default .wp-block-button__link:hover,
.wp-block-buttons.btn-default .wp-block-button__link:hover,
.wp-block-button.btn-default .wp-block-button__link:hover {color:#fff; background:#643718; }

.btn-orange .wp-block-button__link,
.wp-block-buttons.btn-orange .wp-block-button__link,
.wp-block-button.btn-orange .wp-block-button__link {color:#000; background:#f79520;  }

.btn-orange .wp-block-button__link:hover,
.wp-block-buttons.btn-orange .wp-block-button__link:hover,
.wp-block-button.btn-orange .wp-block-button__link:hover {color:#000; background:#d06829; }

.btn-yellow .wp-block-button__link,
.wp-block-buttons.btn-yellow .wp-block-button__link,
.wp-block-button.btn-yellow .wp-block-button__link {color:#000; background:#ecb40f;  }

.btn-yellow .wp-block-button__link:hover,
.wp-block-buttons.btn-yellow .wp-block-button__link:hover,
.wp-block-button.btn-yellow .wp-block-button__link:hover {color:#000; background:#d06829; }

.wp-block-buttons.btn-sm a.wp-block-button__link,
.wp-block-button.btn-sm a.wp-block-button__link {font-size: 0.7em !important; margin-top:0; padding: 5px 10px 6px 10px !important; line-height:1em;}

.wp-block-button.btn-small .wp-block-button__link {font-size:0.8em; line-height:1em; font-weight:500; padding:8px 12px; text-decoration:none; -webkit-transition:transform 0.2s ease; transition:transform 0.2s ease;}

a.wp-block-post-excerpt__more-link {color:#fff; background:#d06829; font-size:0.8em; font-weight:500; padding:3px 12px; text-decoration:none !important; -webkit-transition:transform 0.2s ease; transition:transform 0.2s ease;}
a.wp-block-post-excerpt__more-link:hover {color:#fff; background:#643718; }

/*--Button for More news / More Downloads / More videos --*/
.wp-block-button.btn-news {padding:0 !important;}

.btn-news .wp-block-button__link,
.wp-block-buttons.btn-news .wp-block-button__link,
.wp-block-button.btn-news .wp-block-button__link {color:#000; background:transparent; padding:0px 20px 0px 0px; position:relative;  }

.btn-news .wp-block-button__link:after,
.wp-block-buttons.btn-news .wp-block-button__link:after,
.wp-block-button.btn-news .wp-block-button__link:after {display:block; content:''; position:absolute; right:0px; top:0px; width:15px; height:15px; background:url(../../themes/tawana/assets/img/icon-news-arrow.svg) center top no-repeat; background-size:cover;}

.btn-news .wp-block-button__link:hover:after,
.wp-block-buttons.btn-news .wp-block-button__link:hover:after,
.wp-block-button.btn-news .wp-block-button__link:hover:after {background:url(../../themes/tawana/assets/img/icon-news-arrow-h.svg) center top no-repeat;}

.btn-news .wp-block-button__link:hover,
.wp-block-buttons.btn-news .wp-block-button__link:hover,
.wp-block-button.btn-news .wp-block-button__link:hover {color:#d06829; background:transparent; }

.btn-news {-webkit-transition:transform 0.2s ease; transition:transform 0.2s ease;}
.btn-news:hover {transform:translate(10px,0);}


/*--Main--*/
main {padding-bottom:50px; min-height:800px; }

a:-webkit-any-link {text-decoration:none}

main a:-webkit-any-link {text-decoration:underline;}

main .wp-block-post-title a {text-decoration:none !important;}

/*--Header--*/
.wp-site-blocks>header {display:block;
    position: fixed; top:0; left:0;
    width: 100%;
    z-index: 999;
    height:auto;
    background:#fff;
    box-shadow:2px 5px 10px rgba(0,0,0,0.3);;
    webkit-animation:fadeIn 1s ease; animation:fadeIn 1s ease;}


.header-wrapper  {padding:12px 50px 12px 0px; gap:1rem !important; -webkit-transition:padding 0.5s ease-in-out; transition:padding 0.5s ease-in-out;}
@media (min-width: 992px) { .header-wrapper  {padding:15px 0 15px 0; } }

body.scrolled .header-wrapper  {padding:5px 50px 5px 0px; gap:1rem !important; }
@media (min-width: 992px) { body.scrolled .header-wrapper  {padding:3px 0 3px 0; } }

.wp-site-blocks {padding-top:0; padding-bottom:0;}

body.scrolled .site-logo {display: block; width:90%; max-width:120px; min-width:100px; margin:0 0 0px 0 !important; }
@media (min-width: 992px) { .site-logo {width:45%; max-width:130px; margin:0px 0 0px 0 !important; } }
@media (min-width: 1200px) { .site-logo {width:25%; max-width:135px; margin:0px 0 0px 0 !important; } }
@media (min-width: 1600px) { .site-logo {width:25%; max-width:140px; } }

body.scrolled .site-logo {width:50%; max-width:90px; min-width:50px; webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
@media (min-width: 992px) { .site-logo {width:20%; max-width:130px; margin:0px 0 0px 0 !important; } }


/*--Footer--*/
footer.wp-block-template-part {margin-top:0; }

footer p, footer li {font-weight:300;}

footer h4 {color:#ccc;}

.footer-group {margin:0px 0 0; }
.footer-group a {}
.footer-group a:hover {color:#49f386;}
.footer-group.bottom {margin:0; background:#e5e5e5;}

.footer-columns {padding:0 15px;}
@media (min-width: 1600px) { .footer-columns {padding:0; } }

.footer-col {}

.footer-col.search {}
.footer-col.search input.wp-block-search__input {border:0; flex-grow:1; margin-left:0; margin-right:0; min-width:3rem; padding:8px; text-decoration:unset!important; background:#d3d3d3; color:#000; font-size:1.1em; height:40px; font-family: "Roboto Condensed", sans-serif; font-weight:400; border-radius:0;}

.footer-col.search .wp-element-button {width:60px; height:40px; margin-left:0px; color:#d3d3d3 !important; background:#d3d3d3; border:0; border-width:0; font-family:inherit; font-size:0.5em; line-height:1.2em; padding:10px 15px; text-decoration: none; position:relative; z-index:0; -webkit-transition:none; transition:none;  border-radius:0;}

.footer-col.search .wp-element-button:before {display:block !important; border:0 !important; background:transparent;
    font-family:'FontAwesome' !important;
    font-size:3em; color:#646464 !important;
	position: absolute; right:7px; top:15px; z-index:1000;
    content: "\f002"; transform:none;
}

.footer-col.search .wp-element-button:hover:before {border:0 !important; color:#000 !important;}

.menu-footer-quick-links-container {align-items:flex-start;}

ul.footer-quicklinks {text-align:left; display:block; margin:0; align-items:flex-start; padding-left:0px; font-weight:300; column-count:2;  column-gap:20px; }
@media (min-width: 768px) { ul.footer-quicklinks {column-count:1;} }
@media (min-width: 992px) { ul.footer-quicklinks {column-count:2;} }

.footer-quicklinks li {font-size:1em; list-style:none; text-align:left; line-height:1.2em;}
.footer-quicklinks li:before {display:none;}
.footer-quicklinks li a {display:block; color:#cccccc; text-transform:none !important; padding:0 0 0 15px; position:relative;  }
.footer-quicklinks li a:hover {color:#fff;}
.footer-quicklinks li:last-child a {border:none;}
.footer-quicklinks li a:before {display:block;
		font-family:'FontAwesome';
		font-size:0.6em;
		position: absolute;
		left:0; top:0px;
		content:"\f054";  
        color:#ccc;}

.footer-menu-group {background:#643718;}
ul.footer-menu {text-align:center; display:flex; flex-flow:row wrap; justify-content:center; margin:0; font-weight:300; }
.footer-menu li {font-size:1em; list-style:none; }
.footer-menu li:before {display:none;  }
.footer-menu li a {color:#cccccc; text-transform:none !important; padding:0 15px; border-right:1px solid #666;}
.footer-menu li a:hover {color:#fff;}
.footer-menu li:last-child a {border:none;}

/*--Page Search--*/
form.page-search.wp-block-search input.wp-block-search__input {background:#EDEDED; font-size:1.2em;     border:2px solid #949494; }
form.page-search.wp-block-search button.wp-block-search__button {text-transform:uppercase; font-weight:600; color:#fff;}

/*--Home--*/
body.home main.wp-block-group {margin:0 !important; padding:0 !important;}


/*--Home banner--*/
.wp-block-cover.banner-home {width:100%; margin:72px 0 0px 0; padding:0 !important; webkit-animation:fadeInDown 1s ease !important; animation:fadeInDown 1s ease !important; border-bottom:15px solid #d06829; height:auto; min-height:600px;}
@media (min-width: 480px) { .wp-block-cover.banner-home {margin:80px 0 0px 0; min-height:600px;} }
@media (min-width: 768px) { .wp-block-cover.banner-home {margin:90px 0 0px 0; min-height:600px;} }
@media (min-width: 992px) { .wp-block-cover.banner-home {margin:100px 0 0px 0; min-height:630px;} }
@media (min-width: 1200px) { .wp-block-cover.banner-home {margin:100px 0 0px 0; min-height:640px;} }
@media (min-width: 1600px) { .wp-block-cover.banner-home {margin:100px 0 0px 0; min-height:650px;} }

.wp-block-cover.banner-home .wp-block-cover__inner-container {position:absolute; top:0; left:0; width:100%; height:100%; min-height:600px; padding:0 !important;} 

.wp-block-cover.banner-home .wp-block-columns.hb-caption {position:relative; width:100%; height:100%; margin:0 !important; padding:0 !important; z-index:2;}

.wp-block-cover.banner-home .hb-caption .col-content {display:flex; flex-flow:column nowrap; justify-content:center;  background:rgba(0,0,0,0.5); padding:0 5% 0 5%;}

.hb-caption h1 {margin:0 0 0.1em 0 !important; line-height:1.0em; padding:0; font-size:3.3em; font-weight:700; color:#fff;  text-shadow:2px 2px 7px rgba(0,0,0,0.5);}
@media (min-width: 480px) { .hb-caption h1 {font-size:3.5em;} }
@media (min-width: 768px) { .hb-caption h1 {font-size:4em; } }
@media (min-width: 992px) { .hb-caption h1 {font-size:4.2em; } }
@media (min-width: 1200px) { .hb-caption h1 {font-size:5em;} }
@media (min-width: 1600px) { .hb-caption h1 {font-size:5.8em;} }

.hb-caption h2 {margin:0; line-height:1.0em; font-size:2em; padding:0; color:#d06829; text-shadow:2px 2px 7px rgba(0,0,0,0.5); }
@media (min-width: 480px) { .hb-caption h2 {font-size:2em;} }
@media (min-width: 768px) { .hb-caption h2 {font-size:2.2em;} }
@media (min-width: 992px) { .hb-caption h2 {font-size:2.7em; } }
@media (min-width: 1200px) { .hb-caption h2 {font-size:2.9em;} }
@media (min-width: 1600px) { .hb-caption h2 {font-size:3.1em;} }

.hb-caption h3 {margin:0; line-height:1.2em; font-size:1.2em; color:#fbd89c; font-weight:600; width:auto; text-shadow:2px 2px 7px rgba(0,0,0,0.5);}
@media (min-width: 480px) { .hb-caption h3 {font-size:1.3em;} }
@media (min-width: 768px) { .hb-caption h3 {font-size:1.5em;} }
@media (min-width: 992px) { .hb-caption h3 {font-size:1.6em; width:90%; } }
@media (min-width: 1200px) { .hb-caption h3 {font-size:1.65em; width:80%;} }
@media (min-width: 1600px) { .hb-caption h3 {font-size:1.7em; width:70%;} }

.hb-caption p {color:#000; font-weight:500; margin-top:0;  text-shadow:2px 2px 7px rgba(0,0,0,0.5);}

.banner-home .btn-default a.wp-element-button {background:#d06829; color:#000; text-decoration:none  !important; box-shadow:2px 2px 7px rgba(0,0,0,0.5);}
.banner-home .btn-default a.wp-element-button:hover {background:#f79520; color:#000;}

/*--Home banner 1--*/
.banner-home.hb-1 .hb-caption {}



/*--Page Banners--*/
.wp-block-lazyblock-banner {display:block; width:100%; height:auto; margin-block-start:72px; padding-top:0 !important;  }
@media (min-width: 768px) { .wp-block-lazyblock-banner {margin-block-start:72px;} }
@media (min-width: 992px) { .wp-block-lazyblock-banner {margin-block-start:72px;} }
@media (min-width: 1200px) { .wp-block-lazyblock-banner {margin-block-start:97px;} }
@media (min-width: 1600px) { .wp-block-lazyblock-banner {margin-block-start:100px;} }

.page-banner {display:block; box-sizing:border-box; height:30vh; max-height:250px; min-height:200px; background-size:cover; margin:0; padding:0; webkit-animation:fadeInDown 1s ease; animation:fadeInDown 1s ease; position:relative;}
@media (min-width: 768px) { .page-banner {height:30vh; max-height:280px; min-height:230px; } }
@media (min-width: 992px) { .page-banner {height:30vh; max-height:300px; min-height:250px; } }
@media (min-width: 1300px) { .page-banner {height:33vh; max-height:350px; min-height:300px; } }
@media (min-width: 1600px) { .page-banner {height:33vh; max-height:450px; min-height:400px; } }

.page-banner:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:5%; background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2));}

.bannerheader {display:flex; flex-flow:column nowrap; justify-content:center; align-items:flex-start; box-sizing:border-box; width:100%; height:100%; margin:0 !important; background:rgba(0,0,0,0.5);}
@media (min-width: 480px) { .bannerheader {width:50%;} }
@media (min-width: 768px) { .bannerheader {} }

.page-banner h1 {display:block; color:#fff !important; text-transform:uppercase; font-size:2.2em; font-weight:400 !important; text-shadow:3px 3px 4px rgba(0,0,0,0.05); border:none; margin:0; padding:0; margin-left:20%; position:relative; }
@media (min-width: 768px) { .page-banner h1 {font-size:2.5em; margin-left:20%; } }
@media (min-width: 992px) { .page-banner h1 {font-size:3.0em; margin-left:25%; } }
@media (min-width: 1200px) { .page-banner h1 {font-size:3.5em; margin-left:25%; } }
@media (min-width: 1600px) { .page-banner h1 {font-size:3.8em; margin-left:30%; } }

.page-banner h1:after {display:none !important;}

/*--Custom Page H1 icons--*/
.page-banner h1:before {display:block; content:''; position:absolute; width:40px; height:40px; left:-50px; top:0px; }
@media (min-width: 480px) { .page-banner h1:before {width:45px; height:45px; left:-50px; } }
@media (min-width: 768px) { .page-banner h1:before {width:50px; height:50px; left:-55px; } }
@media (min-width: 992px) { .page-banner h1:before {width:60px; height:60px; left:-65px; } }
@media (min-width: 1200px) { .page-banner h1:before {width:66px; height:66px; left:-70px; } }
@media (min-width: 1600px) { .page-banner h1:before {width:72px; height:72px; left:-80px; } }

/*--Page Banner--About us--*/ 
.page-id-15 .page-banner,
.page-id-17 .page-banner,
.page-id-19 .page-banner {background:url(../../themes/tawana/assets/img/banner-about-us.jpg?v2) center center no-repeat; background-size:cover;}

.page-id-15 .page-banner h1:before,
.page-id-17 .page-banner h1:before,
.page-id-19 .page-banner h1:before {background:url(../../themes/tawana/assets/img/icon-people.svg) center top no-repeat; background-size:100% auto;}

/*--Page Banner--Our operation--*/ 
.page-id-23 .page-banner,
.page-id-25 .page-banner {background:url(../../themes/tawana/assets/img/banner-our-operation.jpg?v2) center center no-repeat; background-size:cover;}

.page-id-23 .page-banner h1:before,
.page-id-25 .page-banner h1:before {background:url(../../themes/tawana/assets/img/icon-operation.svg) center top no-repeat; background-size:100% auto;}

/*--Page Banner--Products--*/ 
.page-id-29 .page-banner,
.page-id-27 .page-banner {background:url(../../themes/tawana/assets/img/banner-products.jpg?v2) center center no-repeat; background-size:cover;}

.page-id-29 .page-banner h1:before,
.page-id-27 .page-banner h1:before {background:url(../../themes/tawana/assets/img/icon-products.svg) center top no-repeat; background-size:100% auto;}


/*--Page Banner--News--*/ 
.single-post .page-banner,
.blog .page-banner,
.page-id-11 .page-banner,
.page-id-31 .page-banner {background:url(../../themes/tawana/assets/img/banner-news-updates.jpg?v2) center center no-repeat; background-size:cover;}

.single-post .page-banner h1:before,
.blog .page-banner h1:before,
.page-id-11 .page-banner h1:before,
.page-id-31 .page-banner h1:before {background:url(../../themes/tawana/assets/img/icon-news.svg) center top no-repeat; background-size:100% auto;}



/*--Page Banner--Careers-*/ 
.page-id-33 .page-banner {background:url(../../themes/tawana/assets/img/banner-careers.jpg?v2) center center no-repeat; background-size:cover;}

.page-id-33 .page-banner h1:before {background:url(../../themes/tawana/assets/img/icon-careers.svg) center top no-repeat; background-size:100% auto;}


/*--Page Banner--Contact us--*/ 
.page-id-35 .page-banner {background:url(../../themes/tawana/assets/img/banner-contacts.jpg?v3) center center no-repeat; background-size:cover;}

.page-id-35 .page-banner h1:before {background:url(../../themes/tawana/assets/img/icon-contacts.svg) center top no-repeat; background-size:100% auto;}


/*--Page Banner--Utility menu item pages--*/ 
.page-id-55 .page-banner,
.page-id-3 .page-banner,
.page-id-59 .page-banner,
.page-id-57 .page-banner,
.page-id-76 .page-banner,
.page-id-61 .page-banner,
.page-id-438 .page-banner,
body.search-results .page-banner {background:url(../../themes/tawana/assets/img/banner-utility.jpg?v3) center center no-repeat; background-size:cover;}


/*--Main--*/
main.wp-block-group,
main.wp-block-query {background: #fff; margin-block-start:0 !important; padding:0 0 100px 0;}


.whiteback {background:#fff !important;}

blockquote.wp-block-quote {line-height:1.8em; font-style:italic; border-left: 0.25em solid #ccc; margin-top:2em; padding-left:2em;}


/*--Home--*/
main.homepage {margin-right:0; margin-left:0;}

.slick-list {padding:0 25px; }

.slick-prev, .slick-next {-webkit-transform: translate(0, -0%); -ms-transform: translate(0, -0%); transform: translate(0, -0%); z-index:100; }
.slick-next {right:0px !important;}
.slick-prev {left:0px !important;}

/*--Slick slider arrows--*/
.slick-next:before, .slick-prev:before {
		font-family:'FontAwesome' !important;
		font-size:1.1em; color:#ccc !important;
		/* position: absolute; left:0; top:4px; */ }
.slick-next:before {content:"\f054" !important; }
.slick-prev:before {content:"\f053" !important; }

.slick-next:hover:before, .slick-prev:hover:before {color:#d06829 !important;}

/*--Home banner Slick Slider--*/
ul.home-banner {margin-bottom:0 !important;}

.home-carousel {margin-bottom:0 !important;}

.home-banner .slick-list {padding:0 0; }

.home-banner ul.slick-dots {display:none; width:300px; position:absolute; bottom:50px; right:50px; text-align:left; margin-bottom:10px;}
.home-banner ul.slick-dots li button {width:50px; height:15px; background:rgba(255,255,255,0.5); border:0px solid #49f386; }
.home-banner ul.slick-dots li.slick-active button {background:rgba(255,255,255,1);}
.home-banner ul.slick-dots li button:before {display:none;}
.home-banner ul.slick-dots li:hover button {background:rgba(255,255,255,0.8); border:2px solid #fff;}

.home-banner .slick-prev, .home-banner .slick-next {width:30px; height:30px; z-index:100; -webkit-transform: translate(0, -0%); -ms-transform: translate(0, -0%); transform: translate(0, -0%); }

.home-banner .slick-next {right:20px !important; }
.home-banner .slick-prev {left:20px !important;}

.home-banner .slick-next:before, 
.home-banner .slick-prev:before {
    font-family: 'FontAwesome' !important;
    font-size:30px;
    color: #fff !important; }


/*--Blog Entry Page--*/
.entry-content {}
.entry-content ul.wp-block-post-template li.post {border-bottom:2px dotted #ccc; padding-bottom:15px;}
.entry-content .wp-block-post-excerpt {margin-block-start:6px;}
.entry-content .wp-block-post-date {margin-block-start:0px;}
.entry-content .wp-block-post-title {margin-bottom:0;}
.entry-content .wp-block-post-title a {text-decoration:none;}

/*--Blog-Entry--*/
ul.wp-block-post.entry {}

.wp-block-columns.ini-entry {margin-bottom:0 !important; padding-bottom:15px !important;}
.wp-block-columns.ini-entry .wp-block-post-date {margin-block-start:6px;}

.wp-block-columns.ini-entry .wp-block-post-excerpt {margin-block-start:6px;}

/*--Blog Single page--*/
.post-template-default.single {}


/*--Custom jQuery Projects Tabs--*/
.tabs {width: 100%;}

ul#tabs-nav {list-style: none; margin: 0; padding: 5px; overflow:auto; text-align:center; display:flex; flex-flow:row wrap; justify-content:center; column-gap:10px;}

ul#tabs-nav li {flex:0 1 auto; font-weight:500; margin-right:2px; padding:8px 10px; border-radius:0; cursor: pointer;}

ul#tabs-nav li:hover {font-weight:700;}
ul#tabs-nav li.active {border-bottom:6px solid #d06829; font-weight:700;}

#tabs-nav li a {text-decoration: none !important; color: #000;}

.tab-content {padding: 10px; background-color: #FFF;}

/*--h2 moveup--*/
.grp-header-moveup {margin-top:-60px !important;}

.gh-h2-green {display:inline-block !important; padding:15px 20px; color:#fff; background:#d06829}
.gh-h2-black {display:inline-block !important; padding:15px 20px; color:#fff; background:#000} 


/*--Team--*/
.team-column {position:relative; cursor:pointer;}
.team-column:hover > .team-item {}

.team-item {display:block; text-align:center; gap:0.5rem; -webkit-transition:transform 0.2s ease; transition:transform 0.2s ease;}
.team-item h4 {font-size:1.6em; margin-top:10px;}
.team-item h5 {font-size:1.0em; margin-top:0; font-weight:500;}
.team-item p {margin-top:0;}

.team-slider {display:block !important; position:absolute; top:-24px; left:0; z-index:1000; width:100%; height:100% !important;  }

.team-slider p {margin:0 0 0.8em 0 !important;}
/*--
.team-column:hover > .team-slider {display:block !important; webkit-animation:fadeInUp 0.3s; --animation:fadeInUp 0.3s;  } --*/

.team-select {}
.team-select img {}
.team-select h4 {}
.team-select a {text-decoration:none !important;}

/*--Cookie page--*/
.wp-block-post-author,
.wp-block-post-date {/* display:none !important; */}

/*--Sitemap--*/
.menu-sitemap {}

/*--Breadcrumbs--*/
.wp-block-group.breadcrumbs {margin:0 !important; padding:16px; background:#d06829; color:#fff; /* animation: fadeIn 1s; */}
.wp-block-group.breadcrumbs .container {max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important;}
.wp-block-group.breadcrumbs p {margin:0 !important; line-height:1.0em;}
.wp-block-group.breadcrumbs span {color:#fff; margin:0 !important; padding:0 5px; font-size:0.9em; line-height:1.0em; font-weight:300;}
.wp-block-group.breadcrumbs a {color:#fff; text-decoration:none !important; pointer-events:none !important;}
.wp-block-group.breadcrumbs a:hover {color:#000;}

/*--Home About title--*/
.wp-block-columns.hat {gap:0.5rem !important;}

/*--Home - Values Mission Vision--*/
.vmv {margin-top:-120px; z-index: 100;}
.vmv-columns {}
.vmv-col {}

/*--Home - Latest--*/
.latest {}
.latest-col {background:url(../../themes/tawana/assets/img/latest-col.png) center top no-repeat; background-size:100% auto; position:relative;}
.lc-group {width:100%; height:100%; display:flex; flex-flow:column nowrap; justify-content:flex-start; padding-bottom:45px !important; /*--Bottom padding gives space for the absolute positioned button at the bottom--*/}

.latest-col h2 {text-shadow:4px 4px 8px rgba(0,0,0,0.25); line-height:1.2em; margin:0 !important; font-size:2.0em; }
@media (min-width: 480px) { .latest-col h2 {font-size:2.2em; } }
@media (min-width: 768px) { .latest-col h2 {font-size:1.8em; } }
@media (min-width: 992px) { .latest-col h2 {font-size:2.0em; } }
@media (min-width: 1200px) { .latest-col h2 {font-size:2.1em; } }
@media (min-width: 1600px) { .latest-col h2 {font-size:2.5em; } }

.latest-col .wp-block-buttons.bn {position:absolute; bottom:15px; right:25px; align-self:flex-end !important; text-align:right; align-items:flex-end; margin:0 !important;} 
.latest-col .wp-block-buttons.bn .btn-news {margin:0;}
/*
.latest-col .wp-block-buttons.bn {align-self:flex-end !important; text-align:right; align-items:flex-end; margin:0 !important;}
.latest-col .wp-block-buttons.bn .btn-news {margin:10px 25px 15px 0;} */

.latest-stack {margin-top:1em; background:#fff; margin-right:0 !important; margin-left:0 !important; }
@media (min-width: 768px) { .latest-stack {background:transparent;} }

body .latest-stack.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {margin-right:0 !important; margin-left:0 !important;}

.latest-stack.pt {padding-top:25px !important;}
ul.pt-latest-news {}
.pt-latest-news li {border-bottom: 2px dotted #ccc; padding-bottom: 15px}
.pt-latest-news li:last-child {border:none !important;}
.pt-latest-news time {}
.pt-latest-news h5 {color:#000; }
.pt-latest-news h5 a {color:#000; -webkit-transition:transform 0.2s ease; transition:transform 0.2s ease; background:transparent;}
.pt-latest-news h5 a:hover {color:#d06829; transform:scale(1.02);}

.thumb-col {margin-bottom:20px;}
.thumb-col.thumbicon img {border:1px solid #fff;}
.thumb-col.thumbicon:hover img {border:2px solid #000;}

/*--Home our projects--*/
.hm-proj {margin:0 !important;}
.hm-proj-col {position:relative;}
.hm-proj-cover {height:100%;}

ul.wp-block-page-list {}
ul.wp-block-page-list li {color:#000;  -webkit-transition:transform 0.2s ease; transition:transform 0.2s ease;}
ul.wp-block-page-list li:hover {transform:scale(1.02);}
ul.wp-block-page-list li a {color:#000;}
ul.wp-block-page-list li a:hover {color:#d06829; transform:scale(1.01);}

/*--Search page--*/
label.wp-block-search__label {display:none; }
input.wp-block-search__input {border:2px solid #999; border-radius:4px; background:#f3f3f3; color:#000; font-size:1.2em; font-weight:400;}
button.wp-block-search__button {color:#fff; text-transform:uppercase; margin:0 0 0 10px; border-radius:4px;}

/*-_Press releases--*/
.ql-press-releases {}
.ql-press-releases time {font-size:1.0em; color:#777;}
.ql-press-releases h3.wp-block-post-title {margin-top:0.3rem;}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {max-width:1320px;}

/*--Contact form - Fluent Forms--*/
form.ff-default {}
.ff-default .ff-el-form-control {border:1px solid #666 !important; background:#f4f4f4 !important; color:#000 !important; font-size:0.9em !important; min-height:47px !important;}}
select.ff-el-form-control:not([size]):not([multiple]) {min-height:47px !important;}