/*
Theme Name: Trust Training
Theme URI: https://www.data-edinburgh.co.uk
Author: DATA
Version: 1.0
*/

@import "style-base.css"; 

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/

body {
  background: #fff;
  color: #000;
  font-family: 'Quicksand', Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}

.container {max-width: 100%;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 1em;
}

h1 {font-size: 1.6em; color: #e39825;}
h2 {font-size: 1.4em; color: #006378;}
h3 {font-size: 1.3em; color: #006378;}
h4 {font-size: 1.2em; color: #006378;}
h5 {font-size: 1.1em; color: #006378;}

p {margin-bottom: 1.5em; font-weight: 300;}
.main-copy ul, .main-copy ol {font-weight: 300; color: #000; margin-bottom: 1.5em;}

a {text-decoration: none; color: #e39825;}
a:hover {text-decoration: none; color: #006378;}

.row-tint {background: #efefef;}


.gold {color: #e39825;}
.blue {color: #006378;}


strong {font-weight: bold;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


header {margin-bottom: 2em; margin-top: 1em;}

.logo {text-align: center;}
.logo img {max-width: 135px;}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.main-menu-social {display: block; font-family: 'Quicksand', Helvetica, Arial, sans-serif; color: #e39825; font-weight: bold; font-size: 1em; padding: 1em 0;}
.main-menu-social span {margin-left: 10px;}

span.social-icons {display: block;}


.main-menu {text-align: center;}
.main-menu ul {list-style: none; padding: 0; margin: 0;}
.main-menu ul li {display: block;}


.main-menu ul li a {display: block; padding: 0.2em 2em; margin: 0; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-weight: 600; background: #efefef; color: #006378; border-radius: 0; border-bottom: 1px solid #006378;}
.main-menu ul li a:hover {background: #e39825; color: #fff;}

.main-menu ul li:first-child a {border-radius: 20px 20px 0 0;}
.main-menu ul li:last-child a {border-radius: 0 0 20px 20px;}

.main-menu ul li.current-menu-item a, .main-menu ul li.current-page-ancestor a  {background: #e39825; color: #fff;}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/************/
/* Homepage */
/************/

/* Intro */
.intro-text {display: flex; flex-direction: column; font-size: 1.2em;}
.intro-text h1 {font-size: 2em;}
.intro-text .cta-button a {display: inline-block; padding: 0.2em 2em; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-weight: 600; background: #e39825; color: #fff; border-radius: 25px;}
.intro-text .cta-button a:hover {background: #006378; color: #fff;}

.intro-image {display: flex; align-content: flex-end; justify-content: flex-end;}



/* Additional */
.additional-panel {background: #006378; color: #fff; padding-top: 3em; padding-bottom: 3em; background-image: url("assets/images/tt-motif.png"); background-position: bottom right; background-repeat: no-repeat;}

.additional-panel h1, .additional-panel h2, .additional-panel h3, .additional-panel h4, .additional-panel h5, .additional-panel h6 {color: #fff;}



/*Google panel*/
.reviews {padding-top: 1em; padding-bottom: 1em; text-align: center;}




/************/
/* Subpages  */
/************/

.team-member {margin-bottom: 4em;}

.team-member-pic-container {margin-bottom: 2em;}

.team-member-pic {display: flex; height: 100%; min-height: 600px; background-size: cover; background-position: center center; border-radius: 30px; border: 5px solid #fff;}

.team-member h3 {color: #fff; font-size: 1.6em;}



.promo-panel {background: #92278f; color: #fff; padding-top: 2em;}
.promo-panel h3 {color: #fff; font-size: 2em;}
.promo-panel .cta-button a {display: inline-block; padding: 0.2em 2em; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-weight: 600; background: #e39825; color: #fff; border-radius: 25px;}
.promo-panel .cta-button a:hover {background: #006378; color: #fff;}


/* Form  */

label {width: 100%; font-size: 1.4em; margin-bottom: 1em; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-weight: bold;}

textarea.form-control {height: 107px!important;}
.wpcf7-form-control {border-radius: 20px; padding: 1em;}
.wpcf7-acceptance {margin-top: 1em;}
.wpcf7-list-item {margin-left: 0; margin-top: 1.6em;}
.wpcf7-not-valid-tip {color: #e39825;}

.wpcf7-submit {display: inline-block; padding: 0.5em 2em; font-size: 1.1em; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-weight: 600; background: #e39825; color: #fff; border-radius: 25px; border: none;}
.wpcf7-submit:hover  {background: #fff; color: #e39825;}


.sib-form .input, .sib-form .input__button {color: #000!important;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {color: #fff; padding-top: 0.5em; padding-bottom: 0.5em; background: #2a2a2a; text-align: center; font-size: 2em;}
footer i {color: #e39825;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s; 
transition: all 0.4s; 
transform: 0.3s;}
footer i:hover {color: #fff;}

.legal {background: #fff; color: #999; padding-top: 20px; padding-bottom: 20px; font-size: 0.8em;}

.grecaptcha-badge {
    display: none;
}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/* MEDIA QUERIES */

@media screen and (min-width: 200px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 768px) {
span.social-icons {display: inline;}
.main-menu ul {list-style: none; padding: 0; margin: 0;}
.main-menu ul li {display: inline;}
.main-menu ul li a {display: inline-block; padding: 0.2em 1em; margin: 0; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-weight: 600; background: #006378; color: #fff; border-radius: 25px;}
.main-menu ul li a:hover {background: #e39825; color: #fff;}
	
.main-menu ul li:first-child a {border-radius: 25px;}
.main-menu ul li:last-child a {border-radius: 25px;}
	
	
.team-member-pic {min-height: 300px;}
}

@media screen and (min-width: 960px) {
	
.container {max-width: 90%;}
.logo {text-align: left;}
.main-menu {text-align: right;}

	
}

	
@media screen and (min-width: 991px) {

}
@media screen and (min-width: 1200px) {

}

@media print {
/* Print CSS rules go here */

}