/*
Theme Name: Mark Townsend Coaching
Author: Kubiak Creative
Author URI: https://kubiakcreative.com
Description: Custom Theme - Requires The7 theme to be installed for base structure.
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


/* ---------------------------  COLOURS --------------------------- */

:root {
    --dark:     #00576e;
    --stone:    #f3f1e9;
    --teal:     #4aa3ab;
    --blue:     #38339c;
    --green:    #78c8a5;
	--lightgreen:    #bbe1cf;
    --white:    #ffffff;
}


.dark        { color: var(--dark) !important}
.stone       { color: var(--stone) !important}
.teal        { color: var(--teal) !important}
.blue        { color: var(--blue) !important}
.green       { color: var(--green) !important}
.lightgreen       { color: var(--lightgreen) !important}
.white       { color: var(--white) !important}

.bg-dark     { background-color: var(--dark) !important}
.bg-blue     { background-color: var(--stone) !important}
.bg-teal     { background-color: var(--teal) !important}
.bg-blue     { background-color: var(--blue) !important}
.bg-green    { background-color: var(--green) !important}
.bg-lightgreen    { background-color: var(--green) !important}
.bg-white    { background-color: var(--white) !important}

.white-text, .white-text p, .white-text p a, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text blockquote {
    color: var(--white);
}
/* ---------------------------  MASTEHEAD + FOOTER --------------------------- */

.sticky-off img[src$=".svg"]{
width:200px;
height:auto;
}
.sticky-on img[src$=".svg"]{
width:100px;
height:auto;
}

.masthead-mobile img[src$=".svg"]{
width:100px;
height:auto;
}

.wp-block-image img {
    display: block;
	width: 80%;
}
/* ---------------------------  TYPOGRAPHY --------------------------- */