/*
Theme Name: cogtheme
Author: Bryn Davies
Author URI: http://piggy.co.uk
Description: Theme Styles for Marketing Cog.
Version: 0.1
*/

/*@import url("//hello.myfonts.net/count/39ff85");
@font-face {font-family: 'Fieldwork-Geo-Regular';src: url('assets/fonts/webfonts/39FF85_0_0.eot');src: url('assets/fonts/webfonts/39FF85_0_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/webfonts/39FF85_0_0.woff2') format('woff2'),url('assets/fonts/webfonts/39FF85_0_0.woff') format('woff'),url('assets/fonts/webfonts/39FF85_0_0.ttf') format('truetype');}
@font-face {font-family: 'Fieldwork-Geo-Light';src: url('assets/fonts/webfonts/39FF85_1_0.eot');src: url('assets/fonts/webfonts/39FF85_1_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/webfonts/39FF85_1_0.woff2') format('woff2'),url('assets/fonts/webfonts/39FF85_1_0.woff') format('woff'),url('assets/fonts/webfonts/39FF85_1_0.ttf') format('truetype');}
@font-face {font-family: 'Fieldwork-HumThin';src: url('assets/fonts/webfonts/39FF85_2_0.eot');src: url('assets/fonts/webfonts/39FF85_2_0.eot?#iefix') format('embedded-opentype'),url('assets/fonts/webfonts/39FF85_2_0.woff2') format('woff2'),url('assets/fonts/webfonts/39FF85_2_0.woff') format('woff'),url('assets/fonts/webfonts/39FF85_2_0.ttf') format('truetype');}

@font-face{
    font-family:"Chainprinter W05 Regular";
    src:url("assets/fonts/5199582/086877af-dc09-4268-87ea-411cc0b2343f.eot?#iefix");
    src:url("assets/fonts/5199582/086877af-dc09-4268-87ea-411cc0b2343f.eot?#iefix") format("eot"),
    url("assets/fonts/5199582/fdbd16ba-802b-409b-8704-24ecd25cba0a.woff2") format("woff2"),
    url("assets/fonts/5199582/4ef435c1-67ae-428e-a890-cbb10f1e3133.woff") format("woff"),
    url("assets/fonts/5199582/6a30e507-0e57-4cbb-91cd-87b4103a8fb5.ttf") format("truetype");
}
*/

@font-face {
  font-family: 'GothamLight';
  src: url('assets/fonts/gotham/GothamLight.ttf') format('truetype');
}

@font-face {
  font-family: 'GothamBook';
  src:  url('assets/fonts/gotham/GothamBook.ttf') format('truetype');
}



body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	color:#053C5D;
	font-family: 'GothamBook', Arial, sans-serif;
	font-size:18px;
}

h1,h2,h3,h4 {
font-family: "beaufort-pro", serif;
font-weight: 400;
font-style: normal;
}

h1 {font-size:60px;}
h2 {font-size:50px;}
h3 {font-size:30px; margin-top: 40px;}
h4 {font-size:23px;}

p {line-height:25px; font-size:17px;}
p a {height:20px; display: inline-block;}

#header {max-width:1240px; height:90px;background-color:transparent;margin:0 auto;position:relative;}
.coglogo {float:left; padding-top:20px;margin-left:20px;position: relative; z-index:11;}
.coglogo img {width:350px;}

.cogmenu {padding-top:30px;position:absolute; left:330px; display:block;}
.cogmenu ul {margin-left:50px;}
	.cogmenu ul li {display: inline-block; margin-right:40px;padding:5px;}
	.cogmenu ul li a {text-decoration:none; text-transform:uppercase; color:#053C5D;font-family: 'GothamLight', Arial, sans-serif; font-size:18px;padding-top:18px;}

li#menu-item-15 {display:none;}

.mobbut {display:none;}
.mobbut img {width:100%; height:auto;}

#hero {width:100%; height:auto; background-color:#ffffff;position: relative;}
#hero img {display:block; width:100%;/*height:750px;*/}

.bannertext {position:absolute;top:45%; left:10%; font-size:50px;z-index:2; color:#ffffff;line-height: 55px;font-family: "beaufort-pro", serif;
font-weight: 500;}
.mobilebannertext {display:none;}

.introtext {padding-top:30px; padding-bottom:30px;background-color:#689BBF;}
.introtext p {color:#ffffff;text-align:center; font-size:23px;line-height:30px;width:95%;margin:0 auto;margin-bottom:40px;margin-top:40px;font-family: "beaufort-pro", serif;font-weight: 400;font-style: normal;}

.greysection {background-color:#e4ecf2;}

.greybackground {background-color:#e4ecf2;}

.getintouch {background-color:#48BEA9;}

section {width:100%; /*background-color:#FBF4ED;*/ position:relative;}
.content {max-width:1200px; padding: 20px; height:auto; margin:0 auto;overflow:hidden;}
.iconsteps .content {max-width:1040px;}

.page-template-template-homepage .largeicon {width:325px; height:auto;display:table-cell; text-align:left;}
.page-template-template-homepage .largeicon img {width:270px; height:auto; margin:0 auto;padding-top:45px;}

.page-template-template-services .largeicon {width:350px; height:300px;display:table-cell;text-align:center;}
.page-template-template-services .largeicon img {height:200px; width:auto; margin:0 auto;padding-top:50px;}

.blocktext {display:table-cell; width:auto;vertical-align: top;}

.triblock {width:30%;margin:1%; display:inline-table; height:50px; text-align:center;}
.triblock img {padding-top:20px;}
.triblock h4 {text-align:center;}
.triblock p {text-align:center; width:90%; margin:0 auto;margin-bottom:20px;}

.topline {}
.mainline {background-image:url('assets/mainline.png');background-repeat: no-repeat;background-position:47px 100%; background-size:10px 100%;}
.bottomline {background-image:url('assets/bottomline.png');background-repeat: no-repeat;background-position:47px 100%; background-size:10px auto;}

a.whitebutton {padding: 25px 20px 13px 20px; background-color:#ffffff; color:#053C5D; border-radius:25px;text-decoration:none; font-family:'GothamLight', Arial, sans-serif;}

.cogform {max-width:700px;padding-left:20px; padding-right:20px;margin:0 auto;padding-top:40px; padding-bottom:40px;}
.cogform input {padding:10px!important; border-radius:5px; border:0px;}
.cogform input[type=text] {font-size:18px!important;font-family: Arial, sans-serif;}
.cogform input[type=email] {font-size:18px!important;font-family:  Arial, sans-serif;}
.cogform select {padding:7px!important; border-radius:5px; border:0px; font-family: Arial, sans-serif;}
.cogform textarea {padding:10px!important; border-radius:5px; border:0px; font-family: Arial, sans-serif;font-size:18px!important;}
.select2-results__option {
    padding: 17px!important;
    user-select: none;
    -webkit-user-select: none;
}

.cogform ul.acf-checkbox-list li {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    position: relative;
    word-wrap: break-word;
}

.acf-form-submit {text-align:center; height:50px;}

.cogform input[type=submit] {
  padding:8px 40px!important;
    background:#689BBF;
    border:0 none;
    color:#ffffff;
    font-size:22px;
    border-radius:4px;
    margin:0 auto;
}
.acf-field .acf-label {
    line-height: 20px!important;
}
.messagesent {display:none;}

/*#footer {background-color:#689BBF; color:#ffffff;}*/
#footer {background-color:#48BEA9; color:#053C5D}
#footer p {text-align:center; margin-bottom:0px;color:#053C5D;}
#footer a {color:#053C5D;line-height:18px;display:inline-block;height:20px;}

.select2-container.-acf .select2-selection--multiple .select2-search__field {
    box-shadow: none !important;
    min-height: 40px!important;
}

/* resposive media queries */


@media only screen and (max-width: 1440px) {

  .bannertext {position:absolute;top:40%; left:8%; font-size:40px;z-index:2; color:#ffffff;line-height: 45px;font-family: "beaufort-pro", serif;
  font-weight: 500;}
}

@media only screen and (max-width: 1240px) {

  .bannertext {left: 20px;}
}

@media only screen and (max-width: 1024px) {
  .triblock {
      width: 47%;
      margin: 1%;
      display: inline-table;
      height: 50px;
      text-align: center;
  }

}

@media only screen and (max-width: 870px) {

  .coglogo {
    float: left;
    padding-top: 27px;
    margin-left: 20px;
  }

  .coglogo img {width: 250px;}

  .cogmenu {padding-top:30px;position:absolute; left:260px;}
  .cogmenu ul {margin-left: 0px;}

  .bannertext {position:absolute;top:40%; left:20px; font-size:35px;z-index:2; color:#ffffff;line-height: 35px;font-family: "beaufort-pro", serif;
  font-weight: 500;}

  .page-template-template-homepage .largeicon {
      width: 100%;
      height: auto;
      display: block;
      text-align: center;
  }

  .page-template-template-homepage .largeicon img {
    width: 200px;
    height: auto;
    margin: 0 auto;
    padding-top: 0px;
    margin-left: -80px;
  }

  .page-template-template-services .largeicon {
      width: 100%;
      height: auto;
      display: block;
      text-align: center;
  }

  .page-template-template-services .largeicon img {
    width: auto;
    height: 200px;
    margin: 0 auto;
    padding-top: 30px;
  }

  .blocktext h3 {text-align:center;}
  .blocktext p {text-align:center;}

  .topline {}
  .mainline {background-image:none; background-repeat: no-repeat;background-position:50px 0px; background-size:auto 100%;}
  .bottomline {background-image:none;}

}

@media only screen and (max-width: 768px) {

  .triblock {
      width: 97%;
      margin: 1%;
      display: inline-table;
      height: 50px;
      text-align: center;
  }

  .cogmenu ul li {
    display: block;
    margin-right: 40px;
    padding: 5px;
    margin-top: 30px;
    text-align: center;
}

li#menu-item-15 {display:block;}

#hero {width:100%; height:75vw; background-color:#ffffff;position: relative;}
#hero img {display:none;}

.bannertext {position:relative;top:40%; left:20px; font-size:35px;z-index:2; color:#ffffff;line-height: 35px;font-family: "beaufort-pro", serif;
font-weight: 500;display:none;}

.mobilebannertext {display:block; width:100%; padding-top:30px; padding-bottom:30px;text-align:center;font-size:35px;z-index:2; color:#053C5D;line-height: 40px;font-family: "beaufort-pro", serif;
font-weight: 500;}

h2 {font-size:45px;margin-top:10px;}

.introtext {padding-top:10px;}

.cogmenu {padding-top:100px;position:absolute; left:0px; right:0px; z-index:10;display:none;background-color:#ffffff;}

.mobbut { display:block; width:35px; height:25px; position:absolute; right:20px; top:30px;z-index:11;}

}



@media only screen and (max-width: 560px) {


}


@media only screen and (max-width: 450px) {


}

@media only screen and (max-width: 350px) {

}



@media only screen and (max-width: 320px) {

}

@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
  html {
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
  }
  html body {
    position: fixed;
    overflow-x: scroll;
    height: 100%;
    width: 100%;
  }
}
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
  html {
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
  }
  html body {
    position: fixed;
    overflow-x: scroll;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  html {
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
  }
  html body {
    position: fixed;
    overflow-x: scroll;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  html {
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
  }
  html body {
    position: fixed;
    overflow-x: scroll;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
  html {
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
  }
  html body {
    position: fixed;
    overflow-x: scroll;
    height: 100%;
    width: 100%;
  }
}