/*
Theme Name: Site Origin Corp Child
Theme URL: http://www.appdevelopmentcheltenham.co.uk
Description: Child theme of site origin corp for SASMA 
Author: Liz Williams
Author URL: http://www.appdevelopmentcheltenham.co.uk
Template: siteorigin-corp
Version: 1.0.0
Text Domain: siteorigin-corp-child
*/
/* colors */
:root {
    --dark-green: #3F9EB2;
    --yellow: #EEB14B;
    --green: #6ec7d1;
    --purple: #9D83AF;
    --pink: #D26F8F;
    --light-grey: #d6d6d6;
    --ex-light-grey: #e6e6e6;
    --black: #252525;
    --dark-grey: #4d4d4d;
    --med-grey: #7F8184;
    --white: #ffffff;
    --hetm:#009688;
    --finlake: #338C9E;
    --board: #22ACDF;
    --neqis: #33CBB7;
    --selkie: #FF671F;
    --yourw: #226DAC;
    --pmoney: #0F4647;
    --dark-blue: #30405d;
    --xlblue: #F8FCFC;
}
body {
    font-size: 18px;
    line-height: 30px;
}
/* typography */
.text-center {
    text-align: center!important;
}
a {
    transition: all 0.3s ease-in-out;
    color: var(--pink);
}
a:visited {
    color: var(--pink);
}
a:hover,
a:focus,
a:active {
    color: var(--white);
}
h1 {
    font-size: 2.5em;
    color: var(--white);
    line-height: 1.2em;
}
@media (min-width: 768px) { 
    h1 {
        font-size: 3.5em;
    }
}
h2 {
    color: var(--dark-blue);
    text-align: center;
    line-height: 1.4;
}
h3 {
    color: var(--dark-blue);
}
.sub-header {
    font-size: 1.2em;
    font-weight: 100;
    color: var(--white);
}

.sub-header-body,
.intro-panel {
    font-weight: 100;
    font-size: 1.4em;
    line-height: 1.4em;
}

/* text button (standard) */
.but,
.but:visited {
    font-size: 0.8em;
    color: var(--green);
    letter-spacing: 1px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
    border: none;
    font-weight: 700;
    position: relative;
    padding: 4px 0;
    border-bottom: 2px solid transparent;
}
.but:hover {
    filter: brightness(0.9);
    -ms-filter: brightness(0.9);
}
/* cta buttons */
.but-cta,
.but-cta:visited,
input[type="submit"] {
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    border: 2px solid transparent;
    background: transparent;
    font-size: 0.6em;
    color: var(--white);
    letter-spacing: 1px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
    border-radius: 5px!important;
    font-weight: 700;
    position: relative;
    padding: 15px 30px;
}
.but-white-outline,
.but-white-outline:visited {
    border: 2px solid var(--white);
    background: transparent;    
}
.but-cta:hover,
input[type="submit"]:hover {
    box-shadow: none;
    filter: brightness(0.9);
    -ms-filter: brightness(0.9);
}

/* coloured bgs */
.bg-pmoney {
    background: var(--pmoney);
}
/* button colours */
.but-pink,
.but-pink:visited {
    color: var(--pink);
    border-bottom-color: var(--pink);
}
.but-green,
.but-green:visited {
    color: var(--green);
    border-bottom-color: var(--green);
}
.but-purple,
.but-purple:visited {
    color: var(--purple);
    border-bottom-color: var(--purple);
}
.but-dark-green,
.but-dark-green:visited {
    color: var(--dark-green);
    border-bottom-color: var(--green);
}
.but-yellow,
.but-yellow:visited {
    color: var(--yellow);
    border-bottom-color: var(--yellow);
}

/* projects button colours */
.but-hetm,
.but-hetm:visited {
    color: var(--hetm);
    border-bottom-color: var(--hetm);
}
.but-finlake,
.but-finlake:visited {
    color: var(--finlake);
    border-bottom-color: var(--finlake);
}
.but-board,
.but-board:visited {
    color: var(--board);
    border-bottom-color: var(--board);
}
.but-neqis,
.but-neqis:visited {
    color: var(--neqis);
    border-bottom-color: var(--neqis);
}
.but-selkie,
.but-selkie:visited {
    color: var(--selkie);
    border-bottom-color: var(--selkie);
}
.but-pmoney,
.but-pmoney:visited {
    color: var(--pmoney);
    border-bottom-color: var(--pmoney);
}
.but-yourw,
.but-yourw:visited {
    color: var(--yourw);
    border-bottom-color: var(--yourw);
}

/* nav controls */
.main-navigation ul li.but-header a {
    color: var(--green);
}
.main-navigation div > ul:not(.cart_list) > li.but-header:hover > a {
    border-color: transparent;
}
.main-navigation ul li.but-header {
    background: var(--white);
    padding: 10px 15px 3px;
    color: var(--green);
}
.overlap-light .site-header:not(.stuck) .main-navigation div > ul:not(.cart_list) > li.but-header > a {
    color: var(--green);
}

/* bottom of page CTA */
.cta-panel {
    text-align: center;
    color: var(--white);
}
.cta-panel h2 {
    color: var(--white);
    font-size: 2.6em;
}
.cta-panel p {
    font-size: 1.2em;
    line-height: 1.6em;
}
.cta-panel a:not(.but-cta),
.cta-panel a:not(.but-cta):visited {
    color: var(--yellow);
}
.cta-panel a:not(.but-cta):hover {
    color: var(--white);
}
.label {
    padding: 5px 8px;
    font-size: 0.6em;
    border-radius: 2px;
    font-weight: bold;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.color-pink h3 {
    color: var(--pink);
}
.color-darkgreen h3 {
    color: var(--dark-green);
}
.color-purple h3 {
    color: var(--purple);
}
/* footer menu */

.footer-menu .menu li a {
    color: var(--med-grey);
    font-weight: bold;
}
.footer-menu .menu li a:visited {
    color: var(--med-grey);
}
.site-footer .site-info {
    text-align: center;
}
.site-footer .bottom-bar {
    border-top: 1px solid var(--med-grey);
}
.site-footer h3 {
    color: var(--med-grey);
    font-size: 12px;
    margin: 10px 0;
}
#pl-w5bc5e7772c89b .so-panel {
    margin-bottom: 0!important;
}
.site-footer p {
    color: var(--med-grey);
}
/* about us */
.value-card-list {
    display: flex;
    align-items: stretch;
  }
.value-card {
    padding: 40px;
    margin: 0;
}
/* 404 page */
.page-header h1 {
    color: var(--dark-green);
    font-size: 3em;
}
/* blog */
.archive .page-title {
    text-align: left;
    font-size: 3em;
}
.blog-layout-grid article .entry-title {
    text-align: left;
    margin: 0 0 15px 0;
}

/* services */

.bg-xlblue {
    background: var(--xlblue);
}
.service-info-card {
    padding: 40px;
}
@media (min-width: 768px) { 
    .service-info-card {
        padding: 60px 80px 80px 60px;
    }
}
/* hide nav on landing pages */
.page-id-1184 .main-navigation {
    display: none;
}
/* forms */

form p {
    margin: 0 0 10px 0;
}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea {
    font-size: 1em;
    font-weight: 200;
    padding: 15px 20px;
    transition: .3s;
    width: 100%;
    border-radius: 5px;
    border-collapse: collapse;
}
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="number"]:focus, 
input[type="tel"]:focus, 
input[type="range"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="week"]:focus, 
input[type="time"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="color"]:focus, 
textarea:focus {
    border: 2px solid var(--green);
    box-shadow: 0 0 5px 0 var(--green);
}
label {
    font-weight: 700;
    color: var(--dark-grey);
}
input[type="submit"].form-submit {
    width: 100%;
    font-weight: 700;
}
.required {
    color: var(--pink);
}
/* page hero */
.hero-container {
    padding: 100px 0;
}
.bg-p {
    margin: 0;
    background: rgba(110, 199, 209, 0.8);
    padding: 4px;
    border-radius: 3px;
}
.hero {
    padding: 30px 30px 0;
}
.hero-small {
    padding: 60px;
}
@media (min-width: 992px) { 
    .hero {
        padding: 60px;
    }
}
@media (min-width: 1200px) { 
    .hero {
        padding: 180px 0;
    }
}
span.author {
    font-weight: bold;
    font-size: 0.8em;
    text-align: center;
    display: block;
    color: var(--dark-green);
}