/*
 Theme Name:   GeneratePress Child – Typewheel
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@import "//fonts.googleapis.com/css?family=Noto+Serif|Playfair+Display";
@import "//fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic|Syncopate:regular,700";
/* @import "//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"; */

:root {
	--typewheel-black: #040404;
	--typewheel-gray: #3F3F3F;
	--typewheel-yellow-bold: #E1B653;
	--typewheel-yellow-muted: #DCD5CE;
	--typewheel-white: #D7D7D7;
}

:root {
	--typewheel-gray-light: #f0f0f0;
	--typewheel-gray-medium: #3F3F3F;
	--typewheel-gray-dark: #040404;
	--typewheel-yellow: #E1B653;
}

/* body {
	background-image: linear-gradient( to bottom, #D7D7D7, #E7D3BA);
} */

/* If a page's height is shorter than the viewport, this ensures the footer does not creep beyond the bottom of the viewport */
body {
   position: relative;
   min-height: 100vh;
}
.site-footer {
   position: absolute;
   width: 100%;
   bottom: 0;
}

.home .page-hero {
	background-attachment: fixed;
}
/* .home #page {
	margin-top: -75px;
} */
.home.separate-containers .site-main {
	margin-top: 0;
	margin-bottom: 0;
}
.home .inside-article {
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
}
@media only screen and ( max-width: 768px ) {
	.home .generate-inside-combined-content img {
		margin-top: 5em;
	}
	.home .generate-inside-combined-content h3 {
		font-size: 18px;
		margin: 0 1.5em;
	}
	.home .generate-inside-combined-content .tailor-button__inner {
		font-size: 16px !important;
	}
}
@media only screen and ( min-width: 1200px ) {
	.landing-logo {
		max-width: 970px !important;
	}
}
:not(.home) .site-logo {
	max-width: 600px;
}

h4 {
	font-style: italic;
	margin-bottom: 0;
}

.entry-content a:not(.typewheel-image) {
	box-shadow: var(--typewheel-yellow-bold) 0 2px 0px 0;
	font-weight: bold;
}
.entry-content a:not(.typewheel-image):hover {
	box-shadow: var(--typewheel-black) 0 2px 0px 0;
}
.has-secondary-background-color a:not(.typewheel-image) {
	box-shadow: var(--typewheel-gray-dark) 0 2px 0px 0;
}
.entry-content .wp-block-image a,
.entry-content .wp-block-button a,
.entry-content .wp-block-image a:hover,
.entry-content .wp-block-button a:hover {
	box-shadow: none;
	font-weight: normal;
}

.alignfull div:not(.alignfull) {
	max-width: 1100px;
}
.alignfull > div:not(.alignfull) {
	margin-left: auto;
	margin-right: auto;
}

.twhl-mdi-list {
    position: relative;
    padding-left: 4.25em;
	 font-size: 1rem;
}
.twhl-mdi-list strong {
	font-size: 1.4rem;
}
.twhl-mdi-list.has-background {
    margin-left: -30px !important;
    margin-right: -30px !important;
    padding-left: calc( 4.25em + 30px ) !important;
}
.twhl-mdi-list::before {
	font-size: 275% !important;
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%);
	left: 0;
}
.twhl-mdi-list.has-background::before {
	left: 30px;
}



.tailor-ui .tailor-list__title {
	font-size: 24px;
	line-height: 2em;
}

.tailor-ui .tailor-posts--boxed .entry {
	border: none;
}
.tailor-ui .tailor-posts--boxed .entry__content {
	padding: 0 1rem 1rem;
	margin: -.5em 0;
}
.tailor-ui .tailor-posts .entry__title a {
	font-size: 16px;
	line-height: 1em;
	box-shadow: none;
}
#recent-posts .tailor-ui .tailor-section__content {
	margin-left: auto !important;
}

twitterwidget {
	margin: 25px auto 50px !important;
}

figcaption {
    text-align: right;
    font-size: 70%;
    color: var(--color-secondary);
    font-style: italic;
    margin-top: 0;
}

.single-post h2,
.home h2,
.page h2 {
	background-image: linear-gradient( to left, rgb(215, 215, 215), rgb(231, 211, 186) 300% );
	margin-top: 1.5em;
	padding: 1em !important;
    border: 1px solid #3F3F3F;
	border-top: 5px solid #3F3F3F;
}

pre.wp-block-code {
   margin: 2em 0 !important;
	box-shadow: inset 0px 0px 3px 1px #E7D3BA!important;
   padding: 1.25em;
}
pre[class*="language-"] {
	background-image: linear-gradient( to right, #040404, #3f3f3f 100% );
	box-shadow: none!important;
}
.entry-content code {
    background-image: linear-gradient( to left, rgb(215, 215, 215), rgb(231, 211, 186) 300% );
    padding: .15em .3em;
}
.wp-block-code code {
	background-image: none;
}

/* Single Project */
.single-typewheel_project .entry-title {
	text-align: center;
}

.typewxyz-psst code,
.twhl-psst code,
.typewheel-psst code {
       font-size: 12px;
       background-image: none;
}
.typewxyz-psst,
.twhl-psst,
.typewheel-psst {
    font-size: 72%;
	 font-style: italic;
    margin: .5em 2em;
    background-image: linear-gradient( to left, rgb(215, 215, 215), rgb(231, 211, 186) 300% );
    padding: .6em 1em .5em 1em;
	 max-width: 80%;
    display: block;
	 position: relative;
	 padding-left: 1.5em;
    width: fit-content;
    /* grid-template-columns: auto 1fr;
    grid-gap: .5em;
	 align-items: center; */
}
.typewxyz-psst.mdi:before,
.twhl-psst.mdi:before,
.typewheel-psst.mdi:before {
	top: 0;
	left: -.5em;
	position: absolute;
	font-size: 175%;
}
.typewxyz-psst + *:not(.typewxyz-psst),
.twhl-psst + *:not(.twhl-psst),
.typewheel-psst + *:not(.typewheel-psst) {
	margin-top: 1.5em;
}

.typewxyz-psst em,
.twhl-psst em,
.typewheel-psst em {
   font-style: normal;
}

.tailor-ui .tailor-button__inner, .button {
	background-image: linear-gradient( to bottom right, rgba(215, 215, 215, 0), rgba(225, 182, 83, 1) ), linear-gradient( to right, rgba(215,215,215,1),rgba(231, 211, 186, 1));
	box-shadow: inset 0px 0px 0px 2px var(--typewheel-gray) !important;
    color: #272c30 !important;
    transition: all ease .5s;
	border: 0;
}
.tailor-ui .tailor-button__inner:hover,
.tailor-ui .tailor-button__inner:focus,
.button:hover,
.button:focus {
	color: black !important;
	box-shadow: inset 0px 0px 0px 2px var(--typewheel-gray) !important;
	transition: all ease .5s;
}

.twxyz-green {
    color: #339933;
}
.twxyz-red {
    color: #993333;
}

/* Gravity Forms */
.twxyz-clear {
	clear: both;
}
#gform_4 {
	text-align: center;
}
body .gform_wrapper ul.gform_fields li.gfield.gsection {
    background: #ececec;
	margin-top: 3em;
	padding: 1em !important;
    border: 1px solid #3F3F3F;
	border-top: 5px solid #3F3F3F;
}
.gform_wrapper input.ginput_quantity[type=text] {
    width: 8em !important;
}
input[type="submit"], .button,
.tailor-ui .tailor-button__inner {
	background-image: linear-gradient( to right, var(--typewheel-white), var(--typewheel-yellow-muted) 50% );
	background-size: 200%;
	background-position: 0;
    color: black;
    transition: all ease .5s;
	padding: .75em 1em 1em;
	line-height: 1;
}
input[type="submit"]:hover, .button:hover,
input[type="submit"]:focus, .button:focus,
.tailor-ui .tailor-button__inner:hover,
.tailor-ui .tailor-button__inner:focus {
	/* background-image: linear-gradient( to bottom right, rgba(231, 211, 186, 1), rgba(225, 182, 83, 1) ); */
	background-image: linear-gradient( to right, var(--typewheel-white), var(--typewheel-yellow-muted) 50% );
	background-size: 200%;
	background-position: 75% 0;
    color: black;
    transition: all ease .5s;
}

/* Checkbox & Radio */
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
.gform_wrapper ul.gfield_radio li input[type="radio"] {
  display: none;
}
.gform_wrapper ul.gfield_checkbox li[class^="gchoice"],
.gform_wrapper ul.gfield_radio li[class^="gchoice"] {
    overflow: visible;
}
.gform_wrapper .gfield_checkbox input[type="checkbox"]+label,
.gform_wrapper .gfield_radio input[type="radio"]+label {
  margin: 0;
  padding-left: 2em;
}
.gform_body input[type="checkbox"]+label:before,
.gform_body input[type="radio"]+label:before,
.gform_body input[type="checkbox"]+label:after {
    content: '';
    background: #ececec;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    z-index: 1;
    position: absolute;
	top: 5px;
    left: 0;
    transition: all ease .5s;
}
.gform_body input[type="checkbox"]+label:before,
.gform_body input[type="checkbox"]+label:after {
    width: 18px;
    height: 18px;
}
.gform_body input[type="checkbox"]+label:after {
    border-radius: 0;
}
.gform_body input[type="checkbox"]:checked+label:after,
.gform_body input[type="radio"]:checked+label:before {
    border-radius: 50% 0 50% 50%;
    transition: all ease .75s;
    transform: rotate( 45deg );
    background: #666;
    border: 1px solid #666;
}
.gform_body input[type="checkbox"]:checked+label:before {
    transition: all ease .75s;
    border-radius: 0 50% 50% 0;
    background: #666;
    border: 1px solid #666;
}
#gform_5 .gform_body input[type="radio"]+label,
#gform_11 .gform_body li#field_11_32 input[type="radio"]+label,
#gform_21 .gform_body #field_21_45 ~ li input[type="radio"]+label {
    padding-left: 0 !important;
}
#gform_5 .gform_body input[type="radio"]+label:before,
#gform_11 .gform_body li#field_11_32 input[type="radio"]+label:before,
#gform_21 .gform_body #field_21_45 ~ li input[type="radio"]+label:before {
    display: none !important;
}

@media only screen and ( min-width: 641px ) {
	.gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gform_wrapper li.gf_list_inline ul.gfield_radio li {
		margin-right: 30px !important;
	}
}

/* Textarea */
input[type="file"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="tel"], input[type="time"], input[type="month"], input[type="tel"], textarea {
    transition: all ease .5s;
    padding: 12px !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
    transition: all ease .75s;
	outline: none;
    box-shadow: inset 14px 0px 0px 5px #666, inset 0px 0px 0px 5px #666;
    padding-left: 30px !important;
}
input.twxyz-valued:not(:focus), textarea.twxyz-valued:not(:focus) {
    box-shadow: inset 0px 0px 0px 3px #666;
    color: #272c30;
}

/* Sections */
body .gform_wrapper ul.gform_fields li.gfield.gsection {
	background-image: linear-gradient( to left, rgb(215, 215, 215), rgb(231, 211, 186) 300% );
}
.gform_wrapper .top_label .gsection_description {
	margin-top: 1em;
	margin-bottom: 0;
}

/* Lists */
.gform_wrapper table.gfield_list thead th {
	font-size: 80%;
}

/* File Uploads */
.ginput_container_fileupload + div[id^="gform_preview"]:not(:empty),
.ginput_container_fileupload > div[id^="gform_preview"]:not(:empty) {
    border: 3px solid #3F3F3F;
    padding: 1em;
    background-color: #E7D3BA;
}

/* Custom CSS */
#gform_wrapper_18 {
	background-image: linear-gradient( to right, rgb(215, 215, 215), rgb(231, 211, 186) 70%, rgb(215, 215, 215) );
	margin: 16px -50px;
	padding: 50px;
	max-width: calc( 100% + 100px );
}
#gform_wrapper_18 div[id^="gsfslider_"] {
	margin-top: 0;
	margin-bottom: 4em;
}
.noUi-base {
	background-image: linear-gradient( to right, rgb(215, 215, 215), rgb(231, 211, 186) );
}
#gform_wrapper_18 .noUi-base {
	background-image: linear-gradient( to right, rgba(63, 63, 63, 1), rgba(225, 182, 83, 1) );
}
.slider-display .noUi-handle {
	background-color: #3F3F3F;
	border-color: #040404;
	box-shadow: none;
}
#gform_wrapper_18 .gform_footer {
	display: none;
}


/* Center Total & */
#gform_4,
#input_4_1, #field_5_10 .ginput_container {
	text-align: center;
}
/* Styling pricing not custom */
#gform_5 .gfield_price:not(.gfield_total):not(#field_5_13),
#gform_21 #field_21_45 ~ li.gfield_price:not(.gfield_total):not(#field_21_42) {
    display: block;
    text-align: center;
    padding: 1em 0px 0px;
    font-size: 150%;
}
#gform_5 .gfield_price:not(.gfield_total):not(#field_5_13) .ginput_container
#gform_21 #field_21_45 ~ li.gfield_price:not(.gfield_total):not(#field_21_42) .ginput_container {
  display: block;
  position: absolute;
  left: -9999999px;
}
#gform_5 .gfield_radio li input[type=radio],
#field_5_1 .gfield_label,
#field_5_14 .gfield_label,
#field_5_10 .gfield_label,
#field_5_13 .gfield_label,
#gform_21 #field_21_45 ~ li .gfield_radio li input[type=radio],
#field_21_32 .gfield_label,
#field_21_41 .gfield_label,
#field_21_42 .gfield_label,
#field_21_43 .gfield_label {
  display: none !important;
}
#gform_5 .gfield_radio li label,
#gform_21 #field_21_45 ~ li .gfield_radio li label {
	font-size: 76px;
	width: 100%;
	margin: 0;
}
@media only screen and ( max-width: 641px ) {
#gform_5 ul.gfield_radio li label,
#gform_21 #field_21_45 ~ li ul.gfield_radio li label {
	width: auto;
}
}
@media only screen and ( min-width: 641px ) {
    #gform_5 ul.gform_fields li.gfield,
	#gform_21 #field_21_45 ~ li ul.gform_fields li.gfield {
        padding-right: 0;
        margin-right: 0;
        max-width: 100% !important;
    }
}
#field_5_10 .ginput_total,
#field_21_42 {
    font-size: 48px;
	position: absolute;
	left: -99999px;
}
#gform_5 li.gfield.gf_list_3col ul.gfield_radio li,
#gform_21 #field_21_45 ~ li.gfield.gf_list_3col ul.gfield_radio li {
    text-align: center;
  	display: inline-block;
  	width: 33%;
}
#gform_5 .ginput_complex select,
#gform_21 #field_21_45 ~ li .ginput_complex select {
line-height: 2.25em;
}
#gform_5 .ginput_cardinfo_left,
#gform_21 #field_21_45 ~ li.ginput_cardinfo_left {
position: relative;
top: -2px;
}
#gform_5 .gfield_radio li input[type=radio]:checked+label,
#gform_21 #field_21_45 ~ li.gfield_radio li input[type=radio]:checked+label {
    background: #eee;
}
#gform_submit_button_5,
#gform_submit_button_13 {
    width: 100%;
}


/*==========*/
#field_22_1,
#field_29_2,
#field_28_2 {
	margin-top: 0;
}

table.gpnf-nested-entries {
	font-size: 16px;
}
table.gpnf-nested-entries td {
	padding: .25em 1em;
/* 	line-height: .5; */
}
table.gpnf-nested-entries th {
	padding: .5em 1em;
}
table.gpnf-nested-entries td.gpnf-field ul {
	margin: 0;
	font-size: 14px
}
table.gpnf-nested-entries td.gpnf-row-actions ul {
	margin: 0;
}

.gpnf-dialog .ui-dialog-titlebar {
	background-color: #040404 !important;
}
.gpnf-dialog .ui-dialog-title {
	color: #D7D7D7;
	font-weight: bold;
}

.gpnf-dialog button.ui-button {
	top: .75em !important;
	right: 1.25em !important;
}
.gpnf-dialog button.ui-button:hover,
.gpnf-dialog button.ui-button:focus {
	background-image: none;
}
.gpnf-dialog button.ui-button:hover::before,
.gpnf-dialog button.ui-button:focus::before{
	color: #E7D3BA;
}
.gpnf-dialog span.ui-icon-closethick::after {
	display: none !important;
}
/* Chosen Dropdowns */
.gform_wrapper .ginput_list .chosen-container {
	font-size: inherit;
}
.gform_wrapper .chosen-container-single a.chosen-single {
	color: #465667;
	border: 2px solid #B1B6BC;
	border-radius: 3px;
    padding: 8px 11px;
    height: auto;
    background: white;
    line-height: 1.5;
    top: 0px;
    box-shadow: none;
}
.gform_wrapper .chosen-container-single.chosen-container-active a.chosen-single {
	border: 2px solid #465667;
	background-color: #ddd;
	outline: 0;
	background-image: none;
	box-shadow: none;
}
.gform_wrapper .chosen-container-single a.chosen-single > div {
	display: none;
}
.gform_wrapper .chosen-container-single div.chosen-search input[type=text] {
	background-color: #eee;
	background-image: none;
}
.gform_wrapper .chosen-container-single div.chosen-drop {
	border: 2px solid #465667;
	background-color: #ddd;
	border-top: 0;
	border-radius: 0 0 4px 4px;
}
.gform_wrapper .chosen-container ul.chosen-results li.highlighted {
	background-color: #eee;
	background-image: none;
	color: #006396;
}
.gform_wrapper .chosen-container-single a.chosen-single span:after,
.gform_wrapper .chosen-container-single.chosen-container-active a.chosen-single span:after,
.gform_wrapper .chosen-container-single div.chosen-search:after {
	display:inline-block;
	font-family:"Ionicons";
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-rendering:auto;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.gform_wrapper .chosen-container-single a.chosen-single span:after {
	content: '\f104';
	position: absolute;
	right: 1em;
	top: .75em;
}
.gform_wrapper .chosen-container-single.chosen-container-active a.chosen-single span:after {
	content: '\f10d';
}
.gform_wrapper .chosen-container-single div.chosen-search:after {
	content: '\f21f';
	position: relative;
	left: -1.5em;
}

.gform_wrapper .chosen-container.chosen-container-multi .chosen-choices {

}
.gform_wrapper .chosen-container.chosen-container-multi.chosen-container-active .chosen-choices {
	background-image: none;
	border: 2px solid #465667;
	background-color: #ddd;
}
.gform_wrapper .chosen-container.chosen-container-multi.chosen-container-active.chosen-with-drop .chosen-choices {
	border-bottom: 1px solid #465667;
}
.gform_wrapper .chosen-container.chosen-container-multi .chosen-drop {
	padding: .5em .1em;
	background-image: none;
	border: 2px solid #465667;
	border-top: 0;
}
.gform_wrapper .chosen-container.chosen-container-multi.chosen-container-active .chosen-drop {
	background-color: #ddd;
}
.gform_wrapper .chosen-container.chosen-container-multi ul.chosen-results li {
	padding: .5em;
	margin: 4px;
}
.gform_wrapper .chosen-container.chosen-container-multi ul.chosen-results li.highlighted {
	background-color: #eee;
	background-image: none;
	color: #006396;
}
.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice {
    padding: .35em 1.25em .45em .35em !important;
    border-radius: 0 !important;
    background-image: none !important;
	background-clip: inherit;
	box-shadow: none;
	background-color: #EEE;
	color: #D7D7D7;
}
.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 8px !important;
}
.gform_wrapper .chosen-container.chosen-container-multi.chosen-container-active .search-field input:focus {
	padding-left: 5px !important;
	margin: 5px 10px;
}


.gf_simply_enhance_select .chosen-search {
	display: none;
}
@media only screen and ( max-width: 641px ) {
	.gform_wrapper.gf_browser_chrome .chosen-container-single .chosen-single, .gform_wrapper.gf_browser_gecko .chosen-container-single .chosen-single, .gform_wrapper.gf_browser_safari .chosen-container-single .chosen-single {
		line-height: 2.25 !important;
	}
	.gform_wrapper.gf_browser_chrome .chosen-container-single .chosen-single span:after, .gform_wrapper.gf_browser_gecko .chosen-container-single .chosen-single span:after, .gform_wrapper.gf_browser_safari .chosen-container-single .chosen-single span:after {
		top: 1em;
	}
}

.gform_wrapper table.gfield_list td.gfield_list_icons img {
	max-width: 20px;
}

@media only screen and ( min-width: 768px ) {
	#field_21_5 table.gpnf-nested-entries td:first-child {
		width: 40%;
	}
}


body {
	background-image: linear-gradient( to left, rgb(215, 215, 215), rgb(220, 213, 206) );
	background-attachment: fixed;
}
.entry-content h2 {
	margin-left: -.75em;
	margin-right: -.75em;
}
.wp-block-embed-youtube iframe {
    width: 68vw;
    height: 42vw;
		margin-bottom: 2em;
}
.page-header-content-container {
	padding-top: 12vh;
}



.typewheel-radio-button {
	padding-right: 0 !important;
}

.typewheel-radio-button .gfield_label {
	display: none !important;
}

/* DUAL RADIOS TO BUTTONS */
#gform_37 .gfield_radio label::before,
#gform_37 .gfield_radio label::after {
	display: none;
}
#gform_37 .gform_footer {
	text-align: center;
}
#gform_37 .gform_footer input {
	margin: 0;
}


.typewheel-radio-button .gfield_radio {
	text-align: center;
	font-size: 130%;
    display: grid;
    grid-auto-flow: column;
/*     grid-template-columns: 1fr 1fr; */
	grid-gap: 30px;
}

.typewheel-radio-button .gfield_radio li label {
	padding: 1em 1.5em !important;
	transition: all ease .3s;
	display: block;
	white-space: nowrap;
	box-sizing: content-box!important;
	margin: 0;
/* 	color: var(--gf-radio-button-gray); */
}
.typewheel-radio-button .gfield_radio li label:hover,
.typewheel-radio-button .gfield_radio li label:focus,
.typewheel-radio-button .gfield_radio li label:active {
	transition: all ease .3s;
}
.typewheel-radio-button .gfield_radio input:checked + label {
/* 	color: white; */
	transition: all ease .3s;
}
.typewheel-radio-button .gfield_radio li input[type="radio"] {
	display: none;
}

/* PAYMENT FREQUENCY */
.typewheel-radio-button .gfield_description {
	text-align: center;
}
	.typewheel-radio-button .gfield_radio li {
		justify-self: center;
	}
.typewheel-radio-button .gfield_radio li:first-child {
	justify-self: right;
}
.typewheel-radio-button .gfield_radio li:last-child {
	justify-self: left;
}
.typewheel-radio-button .gfield_radio li label {
	border: 2px solid var(--typewheel-gray-medium);
	background-color: var(--typewheel-gray-light);
	border-radius: .75em
}
.typewheel-radio-button .gfield_radio li label {
	box-shadow: inset 0px 0px 0px 0px var(--typewheel-yellow);
}
.typewheel-radio-button .gfield_radio li:first-child label {
	box-shadow: inset 0px 0px 0px 0px var(--typewheel-yellow);
}
.typewheel-radio-button .gfield_radio li label:hover,
.typewheel-radio-button .gfield_radio li label:focus,
.typewheel-radio-button .gfield_radio li label:active {
	box-shadow: inset 0px -10px 0px 0px var(--typewheel-yellow);
}
.typewheel-radio-button .gfield_radio li:first-child label:hover,
.typewheel-radio-button .gfield_radio li:first-child label:focus,
.typewheel-radio-button .gfield_radio li:first-child label:active
	{
	box-shadow: inset -10px 0px 0px 0px var(--typewheel-yellow);
}
.typewheel-radio-button .gfield_radio li:last-child label {
	box-shadow: inset 0px 0px 0px 0px var(--typewheel-yellow);
}
.typewheel-radio-button .gfield_radio li:last-child label:hover,
.typewheel-radio-button .gfield_radio li:last-child label:focus,
.typewheel-radio-button .gfield_radio li:last-child label:active {
	box-shadow: inset 10px 0px 0px 0px var(--typewheel-yellow);
}
.typewheel-radio-button .gfield_radio li input:checked + label {
	box-shadow: inset 0px -100px 0px 0px var(--typewheel-yellow);
	font-weight: normal !important;
}
.typewheel-radio-button .gfield_radio li:first-child input:checked + label {
	box-shadow: inset -100vw 0px 0px 0px var(--typewheel-yellow);
}
.typewheel-radio-button .gfield_radio li:last-child input:checked + label {
	box-shadow: inset 100vw 0px 0px 0px var(--typewheel-yellow);
}

@media screen and ( max-width: 768px ) {
	.typewheel-radio-button .gfield_radio {
		font-size: 75%;
		grid-gap: 1em;
	}
	.typewheel-radio-button .gfield_radio li label {
		padding: .5em !important;
		border: 1px solid var(--typewheel-gray);
		border-radius: 5px;
	}
}

/* TOTAL DUE */
#field_37_5 {
	text-align: center;
	font-size: 200%;
}
#field_37_5 .gfield_label {
	font-size: 28px;
}
#field_37_5 .gfield_description {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
#field_36_24 {
	font-size: 135%;
}


.postid-2508 .inside-article {
	background: transparent;
}

.entry-content h2:first-child {
	margin-top: -.75em;
}

/* The Typewheel Affiliate Links */
a.twhl {
	display: grid;
	grid-template-columns: 25% 1fr;
	max-width: 75%;
	margin: 3em auto 0;
	border-radius: 8px;
	padding: 1.25em;
	align-items: center;
	grid-gap: 2.5em;
	font-size: 75%;
	font-weight: normal !important;
	box-shadow: none !important;
   position: relative;
	/* transition: .5s all ease; */
}
a.twhl span {
	justify-self: right;
	align-self: center;
	color: #fbfbfb;
	font-size: 107%;
	text-align: right;
}
a.twhl span.deal {
    position: absolute;
    top: -2em;
    left: -2em;
    color: #273238;
    /* background-color: #e2264d; */
    background-color: #dfb55b;
    padding: .5em 1em;
    border-radius: 8px;
    transform: rotate(-3deg);
    font-weight: bold;
    border: 2px solid white;
}
@media screen and ( max-width: 768px ) {
	.site-main {
		margin-bottom: 3.5em !important;
	}
	a.twhl {
		max-width: 100%;
		grid-template-columns: 37% auto;
	}
	a.twhl span {
		font-size: 75%;
	}
}
