/*!
Theme Name: Biminster
Author: Cognio Digital
Author URI: https://www.cogniodigital.com
Description: Custom theme
Version: 1.0.0
*/

/*
.container-fluid {
	max-width:1920px;
}
*/


body {
    font-size:1em;
    color:#999999;
}

h1, h2, h3, h4, h5, h6 {
    color:#323539;
    margin-bottom:0.5em;
}

h1 {
    font-size:2.4em;
    font-weight:400;
}

h2 {
    font-size:2em;
    font-weight:600;
}

h3 {
    font-size:1.6em;
    font-weight:600;
}

h4 {
    font-size:1.4em;
    font-weight:600;
}

h5 {
    font-size:1.2em;
    font-weight:600;
}

h6 {
    font-size:1em;
    font-weight:600;
}

p {
    margin-bottom:1em;
}

p a {
    color: #00006D;
}

p a:hover {

}

a:hover {
    text-decoration:none;
}

@media (min-width:1441px) {
  body { font-size: 1em; }
}

@media (min-width:1025px) and (max-width:1440px) {
  body { font-size: 1em; }
}

@media (max-width:1024px) {
  body { font-size: 1em;   }
}

@media (max-width:768px) {
  body { font-size: 0.8em; }
}

@media (max-width:320px) {
  body { font-size: 0.8em; }
}


a.button {
    padding: 0.5em 2.5em;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.2em;
}

a.button:hover {
    text-decoration:none;
}

section a.button {
    background: #BAB5B1;
    color: #ffffff;
}

section a.button:hover {
    background: #D6D0CB;
}

section a.text {
    /*font-style:italic;*/
    color:#999999;
    text-decoration:underline
}

section a.text:hover {
    color: #323539;
}

section {
    margin:60px 0;
}

section.carousel {
    margin-top:0;
}

/*HEADER*/
header .logo {
    /*padding:2em 0*/
}

header .logo img {
    /*max-width:200px;*/
}

/*NAV*/
nav {
    background:rgb(80, 80, 80);
    border-bottom:1px solid rgb(80, 80, 80);
    font-family: 'Open Sans', sans-serif;
    padding: 0.4rem 1rem 0.1rem 1rem !important;
}

.navbar-toggler-icon i {
    color:#ffffff;
    font-size: 1.4em;
}

nav a {
    color:#ffffff;
    text-transform:uppercase;
    padding: .5rem 1rem;
    display: block;
    border-bottom:3px solid rgb(80, 80, 80);;
}

nav a:hover,
nav .current-menu-item a {
    border-bottom:3px solid #ffffff;
    color:#ffffff;
    text-decoration:none;
    display:inline-block;

}

nav .current-menu-item:hover {
    border-bottom:0;
}

nav ul li {
    margin:0 15px;
}

@media (max-width:991px) {
    nav li {
        width:100%;
        text-align:center;
    }
}

/*CAROUSEL*/
.carousel-item {
  	/*height: 60vh;*/
    height:406px;
}

.carousel-control-next, .carousel-control-prev {
    width:5%;
}

.carousel-control-next, .carousel-control-prev {
    font-size: 2em;
    opacity:1;
}

/*.carousel-item .textBlock {
    background-color: rgba(44, 44, 44, 0.6);
    padding:5em 0;
}*/

.carousel-item .title {
    color:#ffffff;
    font-weight:400;
    margin-bottom:1em;
    font-size:2.5em;
    padding-left:1em;
    padding-right:1em;
}

.carousel-item .textBox {
    background-color: rgba(44, 44, 44, .6);
    padding:2em 0;
}

.carousel-item a.button {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.6);
}

.carousel-item a.button:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width:1024px) {
    .carousel-item .title {
        font-size:2em;
    }
}

@media (max-width:768px) {
    .carousel-item .title {
        font-size:1.8em;
    }
}

@media (max-width:320px) {
    .carousel-item .title {
        font-size:1.4em;
    }
}


/*SINGLE CARD*/
.singleCard {
    border:1px solid #E2E2E2;
    margin: 0 10px 30px 10px;
}

.singleCard .textBox {
    padding:30px;
}

.singleCard p {
    color:#999999;
}

.singleCard a:hover {
    opacity:0.8;
}

/*Image grid (2 columns) with title, text and text link to url*/
.twoColumn img {
    background: #F5F5F5;
    min-width: 100%;
}

@media (min-width:768px) {
     .twoColumn .item:nth-child(2n+1) img {
        padding: 2em 1em 2em 2em ;
    }


    .twoColumn .item:nth-child(2n) img  {
        padding: 2em 2em 2em 1em;
    }
}

@media (max-width:768px) {
    .twoColumn .item img {
        padding: 2em ;
    }
}

.twoColumn .textBox {
    padding:30px;
}

.twoColumn .item {
    border-bottom:1px solid #707070;
    margin-bottom:30px;
}

/*Text Left, Image Right*/
@media (max-width:768px) {
    .textImage img {
        margin:30px 0;
    }
}

/*Full width image with dark navy blue colour overlay, text and button link to URL*/
.navyBg {
    background-color: rgba(49, 54, 67, 0.8);
    text-align:center;
    padding:90px 0;
}

.navyBg h2,
.navyBg p {
    color:#ffffff;
}

.navyBg a.button {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.6);
}

.navyBg a.button:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.navyBg a.text:hover {
    color:#ffffff;
}


.greyBg {
    background: #F5F5F5;
    padding:30px;
}

.greyBg img {
    min-width: 100%;
}

/*Forms*/
.gform_wrapper .gform_button {
    border: none;
    padding: 0.5em 2.5em;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.2em;
    background: #BAB5B1;
    color: #ffffff;
}

.gform_wrapper .gform_button:hover {
    background: #D6D0CB;
    cursor: pointer;
}

.gform_wrapper ul {
    display: block;
    padding-left:0;
}

.gform_wrapper ul li {
    list-style: none;
}

.gform_wrapper label {
    float: left;
    width: 100%;
    text-align: left;
}

.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container textarea,
.gform_wrapper .ginput_container select {
    border: 1px solid #eaeaea;
    float: left;
    width:100%;
    padding:5px 10px;
    margin-bottom: 20px;
}

.gform_wrapper .validation_error,
.gform_wrapper .validation_message {
    display: none;
}

.gform_wrapper .gfield_error .ginput_container input,
.gform_wrapper .gfield_error .ginput_container textarea {
    border: 1px solid #D34141;
}

.gform_wrapper .gform_confirmation_message {
    margin: 20px auto;
    font-size: 1.1em;
}

/*Spacing*/
.topOnly {margin-top:0 !important;}
.topBottom {margin-top:0 !important; margin-bottom:0 !important;}
.bottomOnly  {margin-bottom:0 !important;}



/*FOOTER*/
footer {
    background: #363636;
    color: #ffffff;
    text-align:center;
    padding:2em 0;
}

footer ul {
    list-style:none;
    padding-left:0;
}

footer ul li {
    display:inline-block;
    padding:0 3em;
    border-right:1px solid #ffffff;
}

@media (max-width:425px) {
    footer ul li {
        padding:0 1.5em;
    }
}

footer ul li:last-of-type {
    border-right:none;
}

footer a {
    color:#ffffff;
}

footer a:hover {
    color:#ffffff;
    text-decoration:underline;
}

footer .copyright li {
    border:none;
    padding:0 1em;
}