/*
Theme Name: Biocontrol Coalition - 2023 template
Description: Biocontrol Coalition - 2023 template
Version: 1.0
Author: Katatomic Limited
Author URI: http://katatomic.co.uk/
*/
.mobile-nav .navbar-nav li {padding: 5px!important;}
.mobile-nav .nav-link:hover {opacity: .7!important; transition: ease .3s!important;}
.secondary a {color:#397577; text-decoration: none;}
.secondary a:hover {text-decoration: underline;}

.bg-turq {background: #397577;}
.nav-logo {max-height: 150px;}

body {
  font-family: 'Inter', sans-serif;
  background: #fff;
}

h1 {
    font-size: 2.5rem!important;
    font-weight: 400!important;
    color: #397577!important; 
    padding-top: 20px!important; 
    padding-bottom: 10px!important;  
}

h2 {
    font-size: 1.6rem!important;
    font-weight: 300!important;
    color: #397577!important;
    margin-top: 20px!important;  
    margin-bottom: 10px!important;  
}

h3 {
    font-size: 1.4rem!important;
    color: #397577!important;
    margin-top: 20px!important;  
    margin-bottom: 10px!important;  
}

.semi-bold {font-weight: 400!important;}
.fully-bold {font-weight: 600!important;}

p {font-size: 1.2rem; font-weight: 300; color: #1F201F}

li {font-size: 1.2rem; font-weight: 300; color: #1F201F!important; padding: 12px;}


/** Colours **/


.bg-umber {background: #1F201F;}
.bg-buff {background: #B1A689;}
.bg-lush {background: #537B25;}
.bg-sage {background:  #2D5D5F;}

.bg-green {background: #3f5b2c;!important;}
.bg-yellow {background: #dad873!important;}
.bg-dark-yellow {background: #fcd733!important;}
.bg-teal {background: #4d8fa4!important;}
.bg-red {background: #bc4749!important;}
.bg-purple {background: #C10C76!important;}
.text-green {color:#3f5b2c;}
.text-white {color:#fff!important;}
.bg-dark-green {background: #3c7235;}


/** Fonts **/
.nav-link {margin:0px 10px!important; font-family: 'Open Sans', sans-serif; color:#fff!important; font-size: 1.2rem!important; font-weight: 400!important;}
.nav-link:hover {ccolor:#0688c2!important;}





/** Buttons **/
.btn-hero {font-family: 'Open Sans', sans-serif!important; font-size: 1rem!important; font-weight: 400!important; color:#000000!important; background: #fff!important; border-radius: 25px!important; padding: 5px 20px!important;}
.btn-hero:hover {background: #000000!important; color:#fff!important; transition: ease .3s;}


.btn-generic {background:#2D5D5F!important; color:#fff!important; font-family: 'Inter', sans-serif; sans-serif!important; font-weight: 400!important; font-size:1.1rem!important; border-radius: 20px!important; border: solid 3px #397577!important; padding: 5px 30px!important;}
.btn-generic:hover {background:#000;!important;}
.btn-generic:focus {outline: none!important;box-shadow: none!important;}

.support-button {
    display: inline-block;
    background-color: #397577; 
    color: white;
    padding: 10px 25px; 
    text-decoration: none; 
    border-radius: 25px; 
    font-size: 16px; 
    font-weight: bold;
    transition: background-color 0.3s; 
}

.support-button:hover {
    background-color: #9ECDDA; 
    text-decoration: none; 
}


/* Main navigation */

.skew-menu {
  text-align: center;
  margin-top: 0;
}
.skew-menu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: skew(-25deg);
}
.skew-menu ul li {
  background: #9ecdda;
  float: left;
  border-right: 1px solid #eee;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  /*text-transform: uppercase;*/
  color: #555;
  font-weight: bolder;
  transition: all 0.3s linear;
}
.skew-menu ul li:first-child {
  border-radius: 0 0 0 20px;
}
.skew-menu ul li:last-child {
  border-right: none;
  border-radius: 0 20px 0 0;
}
.skew-menu ul li:hover {
  background: #f18b80;
}
.skew-menu ul li a {
  display: block;
  padding: .2em 2em!important;
  color: inherit;
  text-decoration: none;
  transform: skew(25deg);
}

/* Caption */
.side-caption {
    font-size: 0.8rem; 
    color: #555; 
    text-align: center; 
    padding:10px;
    width: 100%; 
    font-style: italic; 
}

/* Image shadow and slant and bordered */
.img-shadowr {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); /* X-offset, Y-offset, Blur, Color */
}
.img-wrapperr {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); /* Shadow style */
    display: inline-block; 
}
.img-slant {
    cclip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    display: block; 
    border-radius: 20px;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
}

.img-bordered {
    display: block; 
    border-radius: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

/** News **/

/*.news a {color:#397577; text-decoration: none;}
.news a:hover {text-decoration: underline;}*/

.card {border-radius: 25px!important; padding: 9rem!important;}

.card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.2s linear;
}

.img-rounded {border-radius: 20px!important;}

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

/** Form styling **/
.gfield_label {
    font-size: 1.1rem!important;
    font-weight: 300!important;
    color: #397577!important;
    font-family: 'Inter', sans-serif!important;
}

.gform_wrapper .gform_body input[type=text]:focus {
	outline: 2px solid #397577 !important;
	outline-offset: -2px!important;
	box-shadow: none!important;
}

.gfield_select:focus {	
    outline: 2px solid #397577 !important;
	outline-offset: -2px!important;
	box-shadow: none!important;
    
}

.gform_body input[type=text] {
	font-family: 'Inter', sans-serif!important;
}

#gform_submit_button_1 {
    font-family: 'Inter', sans-serif!important;
    font-size: 1.1rem!important;
    font-weight: 300!important;
    background: #397577!important;
    text-align: center!important;
    transition: ease 0.3!important;
    margin-left:auto!important;
    margin-right: auto!important;
}

#gform_submit_button_1:hover {
    background: #2d5d5f!important;
    transition: ease 0.3!important;
}

#gform_submit_button_2 {
    font-family: 'Inter', sans-serif!important;
    font-size: 1.1rem!important;
    font-weight: 300!important;
    background: #397577!important;
    text-align: center!important;
    transition: ease 0.3!important;
    /*margin-left:auto!important;
    margin-right: auto!important;*/
}

#gform_submit_button_2:hover {
    background: #2d5d5f!important;
    transition: ease 0.3!important;
}

/* Signatories */

.floating-paper {
    position: relative;
    background: #9ECDDA;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    overflow: hidden;
    z-index: 1; 
}

/* Footer */
footer a {
    color: #fff!important; 
    font-size: 1.2rem!important;
    text-decoration: none!important;
}

footer a:hover {
    color: #1F201F;!important;
}

footer p {color: #fff;}

.footer-nav a {text-decoration: underline!important;}

/** Cookie Banner **/
.cookie-notice-container {font-family: 'Open Sans', sans-serif; color:#fff!important; font-size: 1.2rem!important; font-weight: 400!important;}