/*
Theme Name: Thames at Mitchell College
Theme URI: https://liaisonedu.com
Author: Liaison
Author URI: https://liaisonedu.com
Description: Wordpress theme for Mitchell College, using the BlankSlate starter theme from TidyThemes (https://github.com/tidythemes/blankslate).
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
*/

INPUT[type='text'],
INPUT[type='email'],
SELECT {
	width: 80%;
}

.ginput_container_consent LABEL, 
.ginput_container_consent INPUT[type='checkbox'] {
	display: inline;
}


/*

FONTS
body copy
font-family: Roundo, sans-serif;

navbar
font-family: Roundo, Helvetica, Arial, Lucida, sans-serif;

headers
font-family: "Decalotype Bold", sans-serif;

h4 (in testimonials section)
font-family: "Roundo Medium", sans-serif;

navigation
font-family: "Decalotype Bold", Helvetica, Arial, Lucida, sans-serif


*/

/* HEADINGS */
@font-face {
	font-family: "Decalotype";
	src: url("fonts/Decalotype-Regular.otf") format("opentype");
}

@font-face {
	font-family: "Decalotype-Bold";
	src: url("fonts/Decalotype-Bold.otf") format("opentype");
}

@font-face {
	font-family: "Decalotype-Medium";
	src: url("fonts/Decalotype-Medium.otf") format("opentype");
}


/* BODY COPY - primary */

@font-face {
	font-family: "Roundo";
	src: url("fonts/Roundo-Regular.otf") format("opentype");
	/*
	font-display: auto;
	font-style: normal;
	font-weight: 300;
	font-stretch: normal;
	*/
}

@font-face {
	font-family: "Roundo-Medium";
	src: url("fonts/Roundo-Medium.otf") format("opentype");
}

@font-face {
	font-family: "Roundo-Bold";
	src: url("fonts/Roundo-Bold.otf") format("opentype");
}


/* BODY COPY - secondary */
@font-face {
	font-family: "GentiumPlus";
	src: url("fonts/GentiumPlus-R.ttf") format("truetype");
}

@font-face {
	font-family: "GentiumPlus-Italic";
	src: url("fonts/GentiumPlus-I.ttf") format("truetype");
}

/* --------------------------------- */

/*
--------------------
-- PRIMARY COLORS

violet
color: #38164B;
color: rgb(56, 22, 75);

Mitchell Red
color: #FF0033;
color: rgb(255, 0, 51);

white
color: #ffffff;
color: rgb(255, 255, 255);

--------------------
-- SECONDARY COLORS

sky
color: #B9E5FB;
color: rgb(185, 229, 251);

Chartreuse
color: #E1E44A;
color: rgb(225, 228, 74);

Forest
color: #5C7150;
color: rgb(92, 113, 80);

Silvergrass
color: #F0E0CA;
color: rgb(240, 224, 202);


*/


/* -------------- DEFAULTS & GENERAL 	-------------- */
:root {
	--color-violet: rgb(56, 22, 75);
	--color-mitchell-red: rgb(255, 0, 51);
	--color-sky: rgb(185, 229, 251);
	--color-chartreuse: rgb(225, 228, 74);
	--color-forest: rgb(92, 113, 80);
	--color-silvergrass: rgb(240, 224, 202);
}


HTML, BODY {
	font-size: 16px;
	font-family: Roundo, sans-serif;
	color: rgb(0,0,0);
}

IMG {
	max-width: 100%;
	border: 0;
}

H1, H2, H3, H4, .h1, .h2, .h3, .h4 {
	font-family: "Decalotype-Bold";
	line-height: 200%;
}

BUTTON {
	font-family: "Roundo-Bold";
	background-color: var(--color-mitchell-red);
	color: rgb(255, 255, 255);
	border-radius: 15px;
	border: 0;
	font-size: 18px;
	text-decoration: underline;
	padding: 8px 20px 6px 20px;
}

A,
A:link,
A:active,
A:visited,
A:hover {
	color: var(--color-violet);
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

.bg-violet { 
	background-color: var(--color-violet);
}
.bg-mitchell-red { 
	background-color: var(--color-mitchell-red);
}
.bg-sky { 
	background-color: var(--color-sky);
}
.bg-chartreuse { 
	background-color: var(--color-chartreuse);
}
.bg-forest { 
	background-color: var(--color-forest);
}
.bg-silvergrass { 
	background-color: var(--color-silvergrass);
}


.box-padding {
	padding: 1.5rem;
}

/* --- HEADER  --- */
.header {
	background-color: var(--color-violet);
	color: rgb(255, 255, 255);
	padding: 10px;
	height: 95px;
}

.header IMG {
	height: 75px;
}

.header BUTTON {
	background-color: var(--color-silvergrass);
	color: var(--color-violet);
}

.header A,
.header A:link,
.header A:active,
.header A:visited,
.header A:hover {
	color: rgb(255,255,255);
	text-decoration: underline;
}

/* --- PHOTO SECTIONS: Hero, Aerial --- */
.hero-container,
.aerial-container,
.athletics-container {
	background-image: url(images/students-leaning-on-railing.png);
	background-position: left center;
	background-size: cover;
	min-height: 300px;
}

.aerial-container {
	background-image: url(images/MitchellCollege-aerial.jpg);
	background-position: top center;
}


/* Gravity Forms */
body .gform_required_legend {
    display: none;
}
body .gform_wrapper .gfield_label {
    color: #000;
    font-size: 16px;
    margin-bottom: 4px;
}
body .gform_wrapper .gfield_error [aria-invalid=true] {
    border-color: red;
}
body .gform_wrapper .gfield_required {
    color: #000;
}
body .gform_wrapper .gform_fields {
    grid-row-gap: 20px !important;
}
@media screen and (min-width: 641px) {
    body .gform_wrapper .gform_fields {
        grid-column-gap: 12px !important;
    }
}
body .gf_progressbar_percentage {
    background: -webkit-linear-gradient(0deg, red, blue);
} 
		body .gform-theme--framework .gform_validation_errors .gform_submission_error {
			color: #fff;
		}
body .gform_wrapper .gf_progressbar_title {
    color: #000;
}
body .gform_wrapper .gf_progressbar,
body .gform_wrapper .gf_progressbar_percentage,
body .gform_wrapper .gf_progressbar_percentage:not(.percentbar_100) {
    border-radius: 0;
}
body .gform_wrapper input[type=color], 
body .gform_wrapper input[type=date], 
body .gform_wrapper input[type=datetime-local], 
body .gform_wrapper input[type=datetime], 
body .gform_wrapper input[type=email], 
body .gform_wrapper input[type=month], 
body .gform_wrapper input[type=number], 
body .gform_wrapper input[type=password], 
body .gform_wrapper input[type=search], 
body .gform_wrapper input[type=tel], 
body .gform_wrapper input[type=text], 
body .gform_wrapper input[type=time], 
body .gform_wrapper input[type=url], 
body .gform_wrapper input[type=week], 
body .gform_wrapper select, 
body .gform_wrapper textarea {
    width: 100%;
    color: #000;
    background-color: #FFFFFF;
    border: 1px solid #000;
    font-family: Roundo !important;
    letter-spacing: 1px;
    border-radius: 2px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
}
body .gform_wrapper select {
    appearance:  none;
	padding-top: 2px;
	padding-bottom: 2px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.82 6.11'%3E%3Cpath d='m1.37.18L0,1.79l4.42,4.32L8.82,1.79,7.45.18l-3.03,2.88L1.37.18Z' style='fill-rule: evenodd; stroke-width: 0px;'/%3E%3C/svg%3E") calc(100% - 20px)/12px auto no-repeat #fff;
}
body .gform_wrapper .ginput_container {
    position: relative;
}
body .gform_wrapper .ginput_container::before {
    left: -10px;
    bottom: -12px;
    width: 19px;
    height: 25px;
    position: absolute;
    content: '';
    display: block;
}
body .gform_wrapper .ginput_container_textarea::before {
    bottom: -3px;
}
body .gform_wrapper textarea,
body .gform_wrapper .gfield textarea.large {
    height: 100px;
}
body .gform_wrapper .gform_footer input,
body .gform_wrapper .gform_footer button {
    margin: 0 0 0 auto;
    font-size: 16px;
    font-weight: 700;
    transition: all .3s ease-in-out;
    cursor: pointer;
    width: 100%;
    font-family: Roundo-Bold !important;
    color: #000000 !important;
    background-image: linear-gradient(90deg, #da7002, #f2ae00);
    margin-right: 20px;
    border: 0;
    border-radius: 4px;
    padding: 8px 20px 4px 20px;
	font-size: var(--bs-btn-font-size) !important;
	font-weight: 700 !important;
	transition: all .3s ease-in-out;
}
body .gform_wrapper .gform_footer input,
body .gform_wrapper .gform_footer button:hover {
	transform: scale(1.03);
}
body .gform_previous_button {
    color: #000 !important;
    background: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-right: 30px !important;
    border: 1px solid #000 !important;
}
body .gform_page_footer {
    justify-content: space-between;
    display: flex;
}
body .gform_button {
    overflow: visible !important;
}
body .gform_page_footer .gform_button,
body .gform_page_footer .gform_next_button {
    margin: 0 0 0 auto !important;
}
body .gform_previous_button::before,
body .gform_previous_button::after {
    display: none !important;
}
body .gform_wrapper .gform_footer button {
    width: auto;
    margin: 0 auto;
}
body .gform_wrapper .gform_footer input:hover {
    background-color: #000;
}
body .gform_wrapper .validation_message {
    background: red;
    border: 0;
    color: #fff !important;
    border-radius: 0;
    padding: 5px 10px !important;
    display: inline-block !important;
    width: auto !important;
    font-size: 14px;
}
body .gform_wrapper .gform_validation_errors>h2 {
    font-size: 14px;
    color: #fff;
}
body .gform_wrapper .gform_validation_errors {
    background: red;
    border-color: red;
    color: #fff;
    border-radius: 0;
    padding: 5px 10px !important;
}
body .gform_wrapper .gform_validation_errors>h2 {
    color: #fff;
}
body .gform_wrapper .gform_validation_errors>h2 {
    color: #fff;
}
body .gform_wrapper .gform_validation_errors>h2 .gform-icon {
    color: #fff;
}
body .gform_wrapper textarea {
    height: 140px !important;
}
body .dark-form .gform_wrapper .gfield_label {
    color: #fff;
}
body .dark-form .gform_wrapper input[type=color], 
body .dark-form .gform_wrapper input[type=date], 
body .dark-form .gform_wrapper input[type=datetime-local], 
body .dark-form .gform_wrapper input[type=datetime], 
body .dark-form .gform_wrapper input[type=email], 
body .dark-form .gform_wrapper input[type=month], 
body .dark-form .gform_wrapper input[type=number], 
body .dark-form .gform_wrapper input[type=password], 
body .dark-form .gform_wrapper input[type=search], 
body .dark-form .gform_wrapper input[type=tel], 
body .dark-form .gform_wrapper input[type=text], 
body .dark-form .gform_wrapper input[type=time], 
body .dark-form .gform_wrapper input[type=url], 
body .dark-form .gform_wrapper input[type=week], 
body .dark-form .gform_wrapper select, 
body .dark-form .gform_wrapper textarea {
/*     color:  #fff;
    border: 1px solid #fff; */
}
body .dark-form .gform_wrapper label {
	color: #fff;
}
body .dark-form .gform_wrapper label a {
	color: #f0ab00;
}
body .dark-form .gform_wrapper input::placeholder {
/*     color: #fff; */
}
body .dark-form .gform_wrapper .gform_footer input,
body .dark-form .gform_wrapper .gform_footer button {
/*         font-family: Roundo !important;
    color: #000000 !important;
    background-image: linear-gradient(90deg, #da7002, #f2ae00);
    margin-right: 20px;
    border: 0;
    border-radius: 4px;
    padding: 8px 20px 4px 20px; */
}
body .dark-form .gform_confirmation_message {
    color: #fff !important;
    text-align: center !important;
}
body .dark-form .gform_wrapper .gform_footer button {
    width: calc(50% - 20px);
    margin:  0 0 0 auto;
}






/* icons row */
.icons-container  {
}

/* testimonial */
.testimonial {
	font-size: 1.3rem;
	font-style: italic;
}

.testimonial-attribution {
	font-style: normal;
	margin: 1.3rem 0;
	text-align: right;
	font-size: 1.15rem;
}

/* address container */
.address-container {
	padding: 40px 0;
}

.address-container IMG {
	width: 80%;
}

/* Contact */
.contact-container {
	
}

.athletics-container {
	background-image: url(images/Athletics_A.jpg);
	background-position: bottom left;
}

/* footer */
.footer {
	height: 50px;
}

.footer A,
.footer A:link,
.footer A:active,
.footer A:visited,
.footer A:hover {
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 24px;
}

.footer A {
	margin: 8px 10px 10px 10px;
}