body{font-family:'Open Sans', sans-serif;font-size:0.9rem;color:#808796}a{color:#93785b;text-decoration:none}a:visited{color:#93785b}a:hover{color:#78624a}h1{font-weight:700;font-size:2rem;margin-top:0}h2{font-weight:400;font-size:1.6rem;margin-top:1rem;text-transform:capitalize}h2:after{content:"";position:absolute;width:5rem;height:1px;bottom:0;left:50%;border-bottom:1px solid #c0c2c6;transform:translate3d(-50%, 0, 0)}h2.h2-left{display:inline-block}h2.text-white:after{border-bottom:1px solid #e3e0db}h2.h2-left:after{left:15px;transform:translate3d(0, 0, 0)}.subhead{width:50%;margin:0 auto}h3{font-weight:400;color:#000}h4{font-weight:300;font-size:1.1rem}footer{margin-bottom:2rem}.head-img{width:4rem;height:auto}.head-img-inline{width:2rem;height:auto;display:inline-block;margin-right:1rem;margin-bottom:-.5rem;margin-left:-15px}.margin-top{margin-top:2rem}.margin-right{margin-right:1rem}.margin-bottom{margin-bottom:2rem}.no-margin-bottom .wpb_content_element{margin-bottom:0 !important}.no-margin{margin:0 !important;padding:0 !important}.no-margin .vc_column-inner{margin:0 !important;padding:0 !important}.margin-video{margin-bottom:15px !important}.pad-lg{padding:3rem 0}.pad-all{padding:0.2rem}.pad-sides{padding:1rem 2rem}.pad-left{padding-left:1rem}.margin-h2{margin-top:5.5rem}.wrap{max-width:1000px;width:100%;margin:0 auto;position:relative}.text-black{color:#000 !important}.text-white{color:#fff !important}.text-brown{color:#93785b}.text-blue{color:#4c5d67}.text-light-brown{color:#e3e0db !important}.text-center{text-align:center}.text-right{text-align:right}.text-small{font-size:0.75rem}.main-link{font-size:1.6rem}.post-link{font-size:1.1rem;display:block;width:100%;margin-bottom:0.5rem}.relative{position:relative}.bg{width:100%;float:left}.bg-brown{background-color:#93785b !important}.bg-blue{background-color:#4c5d67 !important}.bg-alt-lbrown{background-color:#f3f0ec !important}.bg-lbrown{background-color:#e3e0db !important}.list-no-pad{margin:0;padding:0;line-height:2rem;list-style:none}input.outline{border:1px solid #fff;border-radius:.2rem;background-color:transparent;padding:.5rem 1rem;color:#000;line-height:1rem;font-size:0.9rem}input.invert{border:1px solid #fff;border-radius:.2rem;background-color:transparent;padding:.5rem 1rem;color:#fff;line-height:1rem;font-size:0.9rem}input.invert::-webkit-input-placeholder{color:#fff}input.invert::-moz-placeholder{color:#fff}input.invert:-ms-input-placeholder{color:#fff}input.invert:-moz-placeholder{color:#fff}a.white,button.white,input.white{border:1px solid #e3e0db;background-color:transparent;color:#fff;border-radius:.2rem;padding:.5rem 2rem !important;font-size:0.9rem;font-weight:bold;display:inline-block;transition:all 0.3s ease !important}a.white:hover,button.white:hover,input.white:hover{border:1px solid #fff;background-color:#fff;color:#93785b;transition:all 0.3s ease;box-shadow:-5px 7px 12px rgba(0,0,0,0.21),-1px 2px 2px rgba(0,0,0,0.3);transform:scale(1.05)}.brown a,a.brown,button.brown{border:1px solid #e3e0db !important;background-color:#fff !important;color:#93785b !important;border-radius:.2rem !important;padding:.5rem 2rem !important;line-height:1rem !important;font-size:0.9rem !important;font-weight:bold !important;display:inline-block;transition:all 0.3s ease !important}.brown a:hover,a.brown:hover,button.brown:hover{border:1px solid #93785b !important;background-color:#93785b !important;color:#fff !important;transition:all 0.3s ease !important;box-shadow:-5px 7px 12px rgba(0,0,0,0.21),-1px 2px 2px rgba(0,0,0,0.3);transform:scale(1.05)}.wpb_image_grid .wpb_image_grid_ul .isotope-item{padding:0.2rem !important;background:#f3f0ec !important}.cat-links{font-size:0.8rem}.cat-links a{font-size:0.8rem;background:#f3f0ec;display:inline-block;padding:0.2rem 0.4rem;border-radius:0.2rem;color:#93785b}a.btn-lite,a.btn-lite:hover{border:0px solid !important;padding:0.5rem 0 !important;background:transparent !important;transform:scale(1) !important;color:#78624a !important;box-shadow:none !important}a.btn-lite:hover{padding:0.5rem 0.5rem !important}.hover-nav{position:absolute;bottom:-1rem;width:100%;z-index:99;transition:all 0.3s ease !important}.hover-nav a{transition:all 0.3s ease;border:1px solid #93785b;font-size:1.1rem;font-weight:400;float:left;display:block;background-color:#93785b;padding:1rem 1rem 2rem;width:33%;border-radius:0;text-align:left;color:#fff;background-position:center right !important;background-repeat:no-repeat !important;background-size:4rem !important;transition:all 0.3s ease !important}.hover-nav a:hover{background-color:#fff !important;border:1px solid #e3e0db !important;color:#93785b;box-shadow:7px 15px 12px rgba(0,0,0,0.2),2px 5px 2px rgba(0,0,0,0.1);transform:scale(1.05) translate(0, -4px)}.hover-nav a.bacteria{background-image:url(//www.copper.co.za/wp-content/themes/cdaa/img/icons/bacteria.png)}.hover-nav a.members{background-image:url(//www.copper.co.za/wp-content/themes/cdaa/img/icons/team-nav.png);background-color:#78624a;border:1px solid #78624a}.hover-nav a.education{background-image:url(//www.copper.co.za/wp-content/themes/cdaa/img/icons/education.png)}.hover-nav a.graph{background-image:url(//www.copper.co.za/wp-content/themes/cdaa/img/icons/graph.png)}.hover-nav a.delivery{background-image:url(//www.copper.co.za/wp-content/themes/cdaa/img/icons/box.png);background-color:#78624a;border:1px solid #78624a}.hover-nav a.indicator{background-image:url(//www.copper.co.za/wp-content/themes/cdaa/img/icons/screen.png)}.site-title{float:left}.site-title img{width:18rem;height:auto;margin-left:15px}#site-navigation{position:absolute;right:0;top:0;width:auto !important;clear:none;z-index:999}.site-branding{width:auto !important;z-index:999;margin-top:1rem}#primary-menu{float:right;padding-top:1rem;transition:all 0.33s ease}#primary-menu .menu-item{padding-left:1rem !important;padding-bottom:1rem !important}#primary-menu .sub-menu .menu-item{padding:.5rem 1rem !important}#primary-menu .sub-menu .menu-item:hover{background:#fff !important;transition:all 0.33s ease}#primary-menu .sub-menu .menu-item:hover a{color:#93785b !important;transition:all 0.33s ease}#primary-menu .menu-item a{color:#fff;font-size:1rem}#primary-menu .menu-item-has-children a:hover{color:#e3e0db}.light #primary-menu{float:right;padding-top:1rem}.light #primary-menu li{padding-left:1rem}.light #primary-menu .menu-item a{color:#93785b;font-size:1rem}.light #primary-menu .sub-menu a{color:#fff !important}.main-navigation ul ul{background:rgba(147,120,91,0.8)}#masthead{width:100%}#masthead img{max-width:100%}.site-footer{width:100%}#masthead-home{margin-bottom:2rem;float:left;width:100%;position:relative;min-height:25rem;height:50vh;background-image:url(//www.copper.co.za/wp-content/themes/cdaa/img/main-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}#masthead-home .center{position:absolute;top:35%}.member-header{background-image:url(//www.copper.co.za/wp-content/themes/cdaa/img/member-bg.jpg) !important}.menu-toggle{border:1px solid #93785b !important;color:#93785b;background:#fff;float:right;clear:both}.box.tall{height:66vh;min-height:700px}.box.small{height:22vh;min-height:230px}.box.tiny{height:calc(14.66vh - 15px);margin-top:15px;min-height:141px}.box.med{height:calc(22vh - 15px);margin-top:15px;min-height:220px}.box{width:100%;overflow:hidden;cursor:pointer;position:relative;display:block;background-color:#4c5d67;transition:all 0.3s ease !important}.box-btn{border-radius:.2rem;padding:.5rem;display:block;font-weight:bold;color:#fff;text-align:center;transition:all 0.33s ease;text-transform:uppercase}.box i{display:inline-block;width:3rem;height:3rem;line-height:2.9rem;border:solid 2px #e3e0db;border-radius:50%;color:#fff;font-size:1.6rem;text-align:center;margin-bottom:0.5rem;transition:all 0.33s ease}.box:hover .box-image{opacity:.7;transform:scale(1.2);transition:all 2s ease}.box:hover i{color:#fff;background:#93785b;border-color:#93785b;transform:scale(1.2)}.box:hover{box-shadow:7px 15px 12px rgba(0,0,0,0.2),2px 5px 2px rgba(0,0,0,0.1);transform:scale(1.05) translate(0, -4px);transition:all .4s ease}.box:hover .box-btn{color:#fff}.box .box-image{height:100%;width:100%;opacity:0.2;background-size:cover;transition:all 0.33s ease;background-position:center center}.box .box-content{position:absolute;left:50%;transform:translate3d(-50%, -50%, 0);top:50%;width:100%;text-align:center}.wpb-js-composer .vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a{color:#93785b !important}.box-search .center input{border:0;padding:.5rem 1rem;color:#93785b;font-size:1.2rem;line-height:1.5rem;background:#fff;border:1px solid #e3e0db}.box-search .center input::placeholder{color:#c0c2c6}.box-search .center input[type="submit"]{margin:0 !important;font-size:1.2rem;line-height:1.5rem;padding:.5rem 2rem;color:#fff;background-color:#93785b;transition:all 0.3s ease !important;border:0px}.box-search .center input[type="submit"]:hover{box-shadow:-5px 7px 12px rgba(0,0,0,0.21),-1px 2px 2px rgba(0,0,0,0.3);transform:scale(1.05)}.wrap-subscribe .nf-before-form-content{display:none !important}.wrap-subscribe .nf-field-container,.wrap-subscribe nf-field{display:inline-block !important;vertical-align:top}.members img{max-width:150px;margin:0 1rem;transition:all 0.3s ease !important}.members img:hover{transform:scale(1.05);transition:all 0.4s ease-in-out}.card-container{height:250px;perspective:600;position:relative;width:250px;display:inline-block;margin:0 1rem}.card{height:100%;position:absolute;transform-style:preserve-3d;transition:all 1s ease-in-out;width:100%}.card:hover{transform:rotateY(180deg) scale(1.05);box-shadow:-5px 7px 12px rgba(0,0,0,0.21),-1px 2px 2px rgba(0,0,0,0.3)}.card .side{backface-visibility:hidden;height:100%;position:absolute;overflow:hidden;width:100%;padding:.3rem}.card .back{background:#4c5d67;text-align:center;transform:rotateY(180deg);color:#808796}#map{width:100%;height:400px;border-radius:.2rem}.countdown{font-size:1.5rem;margin:0 !important}.countdown strong{font-size:2.4rem}.full-height{height:100%}.acf-fields>.acf-field{padding:1rem 0 !important}a.login{float:right;color:#93785b}a.login:hover{color:#93785b !important}@media screen and (max-width: 600px){.box.med,.box.small,.box.tall,.box.tiny{height:33vh;min-height:200px}.box.small,.box.tall{margin-bottom:15px}#primary-menu li{width:100%;background:rgba(147,120,91,0.9);border-bottom:1px solid #93785b;display:block;padding:1rem;text-align:right}#primary-menu li a{color:#fff !important}#site-navigation{right:1rem}.site-branding{margin-left:1rem;width:auto !important;max-width:60%}.site-title img{margin-left:0}a.login{font-size:0.9rem;clear:both;margin:0 auto;border:0px !important;padding-right:0 !important;padding-top:0 !important}#masthead-home{height:auto}#masthead-home .center{padding:10rem 0 5rem;text-align:center;position:relative}.hover-nav{position:relative;margin:1rem 0 0;float:left}.hover-nav a{width:100%}.countdown{font-size:1.3rem}.countdown strong{font-size:1.8rem}}