/*   
Theme Name: Dunkin Spiked
Theme URI: https://www.dunkinspiked.com
Description: Custom WordPress theme for Dunkin Spiked
Author: Yelling Mule
Author URI: https://www.yellingmule.com
Version: 1.0
*/

@CHARSET "UTF-8";

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

/*Required Styles*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 0.5rem 0;
}

/*CUSTOM SCSS
-------------------------------------------------------------- */

@font-face {
    font-family: 'Dunkin Sans Book';
    src: url('public/fonts/DunkinSans-Book.woff2') format('woff2'),
        url('public/fonts/DunkinSans-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dunkin Serif';
    src: url('public/fonts/DunkinSerif-Bold.woff2') format('woff2'),
        url('public/fonts/DunkinSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dunkin Sans';
    src: url('public/fonts/DunkinSans-Medium.woff2') format('woff2'),
        url('public/fonts/DunkinSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dunkin Sans Medium Condensed';
    src: url('public/fonts/DunkinSans-MediumCondensed.woff2') format('woff2'),
        url('public/fonts/DunkinSans-MediumCondensed.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dunkin Sans';
    src: url('public/fonts/DunkinSans-ExtraBold.woff2') format('woff2'),
        url('public/fonts/DunkinSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dunkin Sans Book Condensed';
    src: url('public/fonts/DunkinSans-BookCondensed.woff2') format('woff2'),
        url('public/fonts/DunkinSans-BookCondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--font-heading:"Dunkin Sans", sans-serif;
	--font-body:"proxima-nova", sans-serif;

	--color-orange:#EF6A00;
	--color-pink:#C63663;
	--color-espresso:#3E342F;
}

html, body{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family: var(--font-body);
}
a:hover, a:focus{
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	font-family:var(--font-heading);
	font-weight: 600;
	font-style: normal;
	text-transform:uppercase;
	letter-spacing: 1px;
}
h1, h3, h5{
	color:var(--color-orange);
}
h2, h4, h6{
	color:var(--color-pink);
}
h2{
	font-size:48px;
	margin:0 0 1rem;
}
p,
.ym_general_content ul{
	font-family: var(--font-body);
	font-weight:400;
	font-style:normal;
	color:var(--color-espresso);
	font-size:18px;
}
p a{
	color:var(--color-orange);
}
p a:hover{
	color:var(--color-pink);
}
.centered{
	text-align: center;
}
main{
	margin-top:80px;
}

/*COMING SOON PAGE*/

.ym_flex{
	display:flex;
	align-items: center;
	height:100%;
}
.ym_full_content{
	width:100%;
	min-height:97vh;
	position:relative;
	text-align:center;
	padding:5rem 0;
}
.ym_comingsoon_logo{
	width:300px;
	margin:0 auto 2rem;
}
.ym_comingsoon_logo img{
	width:100%;
	height:auto;
}
.ym_comingsoon_slider{
	margin:0;
}
.ym_comingsoon_slide h6{
	margin:1rem 0 0;
	text-transform: uppercase;
	display:block;
	padding:0 1rem;
}
.ym_comingsoon_slider .slick-arrow::before{
	color:var(--color-orange);
}
.ym_comingsoon_slider .slick-arrow:hover::before{
	color:var(--color-pink);
}
.ym_comingsoon_packaging{
	width:100%;
	padding-bottom:50%;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.ym_comingsoon_social{
	list-style:none;
	margin:0;
	padding:2rem 0 0;
	font-size:36px;
	text-align:center;
	border-top:1px solid #e6e6e6;
}
.ym_comingsoon_social li{
	display:inline-block;
	margin:0 0.5rem;
}
.ym_comingsoon_social li a{
	display:block;
	color:var(--color-pink);
}
.ym_comingsoon_social li a:hover{
	color:var(--color-orange);
}
.ym_content .gform_wrapper{
	text-align:left;
	width:100%;
	margin:2rem 0 0;
}
.ym_content .gform_wrapper form{
	width:100%;
	display:flex;
}
.ym_content .gform_wrapper .gform_body{
	flex: 0 0 85%;
	padding-right:1rem;
}
.ym_content .gform_wrapper .gform_footer{
	flex:0 0 15%;
	margin:0 !important;
	padding:0 !important;
}
.ym_content .gform_wrapper#gform_wrapper_2 form{
	display:block;
}
.ym_content .gform_wrapper#gform_wrapper_2 .gform_body,
.ym_content .gform_wrapper#gform_wrapper_2 .gform_footer{
	flex:none;
	display:block;
	width:100%;
}
.ym_content .gform_wrapper.gravity-theme .gfield.gfield--width-third{
	grid-column:span 5;
}
.ym_content .gform_wrapper.gravity-theme .gfield.gfield--width-third.gfield--type-submit{
	grid-column: span 2;
}
.ym_content .gform_wrapper.gravity-theme input:not([type="submit"]),
.ym_content .gform_wrapper.gravity-theme select,
.ym_content .gform_wrapper.gravity-theme textarea{
	border:1px solid lightgrey;
	padding:0.75rem 0.5rem;
	border-radius:0;
	color:var(--color-espresso);
	font-size:16px;
	background:white;
}
.ym_content .gform_wrapper.gravity-theme .gfield_label{
	font-family:var(--font-heading);
	font-weight:bold;
	color:var(--color-espresso);
}
.ym_content .gform_wrapper.gravity-theme .ginput_complex label{
	font-family:var(--font-body);
	color:var(--color-espresso);
}
.ym_content .gform_wrapper.gravity-theme .gform_footer input{
	align-self:flex-start;
	margin:32px 0 0;
	padding:0.75rem 1rem;
	background:var(--color-orange);
	border-radius:10px;
	color:white;
	font-family:var(--font-heading);
	font-weight:bold;
	text-transform:uppercase;
	border:none;
	display:block;
	width:100%;
	text-align:center;
	font-size:16px;
	letter-spacing: 1px;
	height:51px;
}
.ym_content .gform_wrapper.gravity-theme .gform_footer input:hover{
	background:var(--color-pink);
}
.ym_content .gform_wrapper.gravity-theme#gform_wrapper_2 .gform_footer input{
	width:auto;
	padding:0.75rem 2rem;
}
.ym_content .gform_required_legend{
	display:none;
}
.ym_content .gform_wrapper .gfield_required,
.ym_content .gform_wrapper .gfield_required.gfield_required_text{
	color:var(--color-pink);
}

/*BUTTONS*/

.ym_button{
	display:inline-block;
	padding:1rem 3rem;
	background:var(--color-pink);
	color:white;
	font-family:var(--font-heading);
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius:30px;
}
.ym_button:hover{
	background:var(--color-orange);
	color:white;
}
.ym_button_orange{
	background:var(--color-orange);
}
.ym_button_orange:hover{
	background:var(--color-espresso);
	color:white;
}
.ym_button_espresso{
	background:var(--color-espresso);
}
.ym_button_espresso:hover{
	background:var(--color-orange);
	color:white;
}
.ym_button_white{
	background:white;
	color:var(--color-espresso);
}
.ym_button_white:hover{
	background:var(--color-espresso);
	color:white;
}

/*CONTENT*/

.ym_content{
	padding:5rem 0;
	position: relative;
}
.ym_content_top_large{
	padding-top:10rem;
}
.ym_content_top_small{
	padding-top:2.5rem;
}
.ym_content_top_none{
	padding-top:0;
}
.ym_content_bottom_large{
	padding-bottom:10rem;
}
.ym_content_bottom_small{
	padding-bottom:2.5rem;
}
.ym_content_bottom_none{
	padding-bottom:0;
}
.ym_content_orange{
	background:var(--color-orange);
}
.ym_content_pink{
	background:var(--color-pink);
}

/*HEADER*/

.ym_header{
	background:white;
	position:fixed;
	width:100%;
	z-index:1000;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.ym_header,
.ym_header_logo{
	height:80px;
}
.ym_header_logo a{
	display:block;
	width:100%;
	height:100%;
}
.ym_header_logo img{
	height:100%;
	width:auto;
	padding:0.5rem 0;
}
.ym_header_mobile{
	display:none;
}
.ym_header_right{
	text-align:right;
}
.ym_header_nav{
	list-style: none;
	margin:0;
	padding:0;
	font-size:16px;
	text-transform: uppercase;
	font-family:var(--font-heading);
}
.ym_header_nav li{
	display:inline-block;
	position: relative;
}
.ym_header_nav li a{
	display:block;
	padding:1.75rem 1rem;
	color:var(--color-espresso);
}
.ym_header_nav li a:hover{
	color:var(--color-pink);
}
.ym_header_nav li a::after{
	content:'\f0da';
	font: var(--fa-font-solid);
	color:var(--color-pink);
	margin:0 0 0 0.5rem;

}

/*FOOTER*/

.ym_footer{
	padding:2rem 0;
}
.ym_footer_links{
	list-style: none;
	margin:0;
	padding:2rem 0;
	font-size:14px;
	font-family:var(--font-heading);
	font-weight:bold;
}
.ym_footer_links li{
	display:inline-block;
	margin:0 1rem;
}
.ym_footer_links li a{
	color:var(--color-orange);
}
.ym_footer_links li a:hover{
	color:var(--color-pink);
}
.ym_footer_content p{
	font-size:13px;
	font-weight:300;
	text-align:center;
	margin:0;
}
.ym_footer_content.byline {
	padding-top: 20px;
}
.ym_footer_logo{
	width:250px;
	margin:0 auto;
}
.ym_footer_logo img{
	max-width:100%;
}
.ym_footer_social{
	list-style:none;
	margin:2rem 0 0;
	padding:0;
	text-align:center;
}
.ym_footer_social li{
	display:inline-block;
	margin:0 5px;
}
.ym_footer_social li a{
	display:block;
	width:30px;
	height:30px;
	border-radius:50%;
	background:var(--color-orange);
	color:white;
	text-align:center;
	padding:3px;
}
.ym_footer_social li a:hover{
	background: var(--color-pink);
}


/*AGe GATE*/

.age-gate{
	border-radius:10px;
	box-shadow:0 0 20px rgba(0,0,0,0.5);
	padding:3rem 2rem 2rem;
}
.age-gate-heading-title-logo,
.age-gate__heading-title--logo{
	max-width:300px;
}
.age-gate__submit--yes,
.age-gate__submit--no{
	padding:0.75rem 3rem !important;
	border-radius:10px;
	color:white;
	font-family:var(--font-heading);
	font-weight:bold;
	text-transform:uppercase;
	border:none;
	display:block;
	text-align:center;
	font-size:16px;
	letter-spacing: 1px;
	height:51px;
	width:130px;
}
.age-gate__submit--yes{
	background:var(--color-orange) !important;
}
.age-gate__submit--no{
	background:var(--color-pink) !important;
}
.age-gate__submit--yes:hover,
.age-gate__submit--no:hover{
	background:var(--color-espresso) !important;
}
.age-gate__challenge{
	font-family:var(--font-heading);
	font-weight:bold;
	color:var(--color-espresso);
	font-size:24px;
	text-transform: uppercase;
}
.age-gate__additional-information p{
	font-size:13px;
}

/*HERO*/

.ym_hero{
	position:relative;
	width:100%;
	height:600px;
}
.ym_hero_slider,
.ym_hero_slider .slick-track,
.ym_hero_slider .slick-list,
.ym_hero_slide,
.ym_hero_slide_inner,
.ym_hero_slide_inner .container,
.ym_hero_slide_inner .row{
	height:100%;
}
.ym_hero_product_image{
	width:100%;
	height:100%;
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.ym_hero_logo{
	width:100%;
	padding-bottom:80%;
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.ym_hero_content{
	height:100%;
	text-align:center;
	display:flex;
	align-items: center;
}
.ym_hero_content_inner{
	width:100%;
}
.ym_hero_slider .slick-arrow{
	padding:0 1rem;
	width:auto;
	z-index:100;
}
.ym_hero_slider .slick-arrow::before{
	color:var(--color-pink);
}
.ym_hero_slider .slick-dots li.slick-active button::before{
	color:white;
}
.ym_hero_slide_highlight{
	width:120%;
	padding-bottom:120%;
	position:absolute;
	top:-25%;
	left:-10%;
	border-top-right-radius:50%;
	border-top-left-radius:50%;
}
.ym_hero_slide_base{
	width:100%;
	height:230px;
	position:absolute;
	bottom:0;
	left:0;
}

/*TITLE BAR*/

.ym_title_bar{
	padding:0;
}
.ym_title_bar h1{
	font-size:48px;
	color:var(--color-pink);
}
.ym_title_bar .container{
	padding:3rem 15px;
	border-bottom:1px solid var(--color-espresso);
}

/*PRODUCTS*/

.ym_product_slider{
	padding:0 2rem;
}
.ym_product_slider .slick-arrow::before{
	color:var(--color-espresso);
}
.ym_product_slide{
	margin:0 1rem;
}
.ym_product{
	width:100%;
	position:relative;
}
.ym_product_image{
	width:100%;
	padding-bottom:120%;
	background-size:contain;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.ym_product_image.mix-pack{
	width:130%;
	margin-left:-15%;
}
.ym_product h4{
	font-size:20px;
	text-align:center;
}
.ym_product_explore{
	margin:1rem 0 0;
	text-align: center;
}
.ym_product_explore_toggle{
	display:inline-block;
	padding:0.75rem 2rem;
	border-radius:30px;
	border:1px solid var(--color-orange);
	color:var(--color-orange);
	font-family:var(--font-heading);
	background:white;
	font-weight:700;
	text-transform:uppercase;
	margin:0 auto;
	text-align:center;
}
.ym_product_explore.iced-tea .ym_product_explore_toggle{
	border-color:var(--color-pink);
	color:var(--color-pink);
}
.ym_product_explore_toggle.active,
.ym_product_explore_toggle:hover{
	color:white;
	background:var(--color-orange);
}
.ym_product_explore.iced-tea .ym_product_explore_toggle.active,
.ym_product_explore.iced-tea .ym_product_explore_toggle:hover{
	color:white;
	background:var(--color-pink);
}
.ym_product_explore_toggle i{
	color:var(--color-pink);
	margin:0 0 0 0.5rem;
}
.ym_product_explore.iced-tea .ym_product_explore_toggle i{
	color:var(--color-orange);
}
.ym_product_explore_toggle:hover i,
.ym_product_explore.iced-tea .ym_product_explore_toggle:hover i{
	color:white;
}
.ym_product_explore_content{
	display:none;
	text-align:left;
	margin:1rem 0 0;
}
.ym_product_explore_content p{
	font-size:16px;
}
.ym_product_explore_content p b{
	font-weight:700;
	color:var(--color-orange);
}
.ym_product_title{
	height:75px;
	display:flex;
	align-items: center;
	padding:0 1rem;
	justify-content: center;
}

/*BEER FINDER*/

.ym_beer_finder_title{
	text-align: left;
	margin:0;
	display:flex;
	align-items: center;
	height:100%;
	color:white;
}
.ym_beer_finder_form{
    padding:3rem 0;
    text-align:right;
}
.ym_beer_finder_form .row{
    margin:0 -0.25rem;
}
.ym_beer_finder_form .col-md-3{
    padding:0 0.25rem;
}
.ym_beer_finder_form input,
.ym_beer_finder_form select,
.ym_beer_finder_form .ym_select{
    width:100%;
}
.ym_beer_finder_form input,
.ym_beer_finder_form .ym_select{
    padding:0.5rem;
    border-radius:4px;
    font-size:16px;
}
.ym_beer_finder_form input:not([type="submit"]),
.ym_beer_finder_form .ym_select{
	border: 1px solid lightgrey;
	color: var(--color-espresso);
}
.ym_beer_finder_form .ym_select{
    position:relative;
    padding:0;
}
.ym_beer_finder_form .ym_select::after{
    content: "\f107";
	font: var(--fa-font-solid);
	color: var(--color-espresso);
    position:absolute;
    right:0.5rem;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    font-size: 14px;
}
.ym_beer_finder_form .ym_select select{
    background:white;
    width:100%;
    height:100%;
    -webkit-appearance:none;
    padding:0.5rem;
    color:var(--color-espresso);
    border:none;
}
.ym_beer_finder_form input:not([type="submit"]):placeholder{
    color:#D2D2D2;
}
.ym_beer_finder_form input[type="submit"]{
    border:1px solid white;
    background:white;
    color:var(--color-espresso);
    font-family: var(--font-heading);
    text-transform: uppercase;
    padding: 0.4rem;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    height:43px;
    border-radius:25px;
}
.ym_beer_finder_form input[type="submit"]:hover{
    background:var(--color-orange);
    border-color:var(--color-orange);
    color:white;
}
.ym_beer_finder_map{
    width:100%;
    padding-bottom:35%;
    position:relative;
    overflow:hidden;
    color:white;
    background:#01081F;
}
.ym_beer_finder_results{
    position: absolute;
    height:85%;
    top:7.5%;
    bottom:7.5%;
    right:2.5%;
    width:25%;
    background: white;
    padding:1rem 0.5rem 1rem 1rem;
    border-radius:4px;
    box-shadow:0 0 10px rgba(0,0,0,0.15);
    text-align:left;
}
.ym_beer_finder_results ul{
    list-style:none;
    margin:0;
    padding:0 15px 0 0;
    height:100%;
    overflow:scroll;
}
.ym_beer_finder_results ul li{
    padding:1rem 0 1rem 2rem;
    position:relative;
}
.ym_beer_finder_results ul li::before{
    content:'';
    width:24px;
    height:24px;
    background-image:url(public/img/map-marker.png);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    left:0;
    top:0.75rem;
    box-shadow:0 0 5px lightgrey;
    border-radius:50%;
}
.ym_beer_finder_results ul li:not(:last-child){
    border-bottom:1px solid lightgrey;
}
.ym_beer_finder_results ul li h5{
    color:var(--color-pink);
    font-size:18px;
    letter-spacing:1px;
    margin:0 0 0.25rem;
    padding-right:3rem;
}
.ym_beer_finder_results ul li p{
    color:var(--color-espresso);
    font-size:13px;
    margin:0 0 0.2rem;
    line-height:1.5;
    text-transform: none;
}
.ym_beer_finder_results ul li span{
    position:absolute;
    top:1rem;
    right:0.5rem;
    color:#D0D0D0;
    font-size:12px;
    font-family:var(--font-heading);
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ym_beer_finder_results ul li.active{
    background:var(--color-pink);
    border-left:3px solid var(--color-orange);
}
.ym_beer_finder_results ul li.active span,
.ym_beer_finder_results ul li.active h5,
.ym_beer_finder_results ul li.active p{
    color:white;
}
.ym_beer_finder_views{
    text-align: right;
    padding: 3rem 0;
}
.ym_beer_finder_views span{
    border: 1px solid white;
    background: transparent;
    color: white;
    padding: 0.4rem 1rem;
    display: inline-block;
    border-radius: 4px;
    font-family: var(--font-heading);
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
}
.ym_beer_finder_views span:hover,
.ym_beer_finder_views span.active{
    background: var(--color-pink);
    border-color:var(--color-pink);
    color: white;
}
.ym_beer_finder_list{
    padding: 0 0 3rem;
    display: none;
}
.ym_beer_finder_list table{
    color: var(--color-espresso);
    background:white;
    width: 100%;
    text-align: left;
}
.ym_beer_finder_list table th{
    background: var(--color-espresso);
    color: white;
    font-family: var(--font-heading);
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 1rem;
}
.ym_beer_finder_list table tr{
    border-bottom: 1px solid var(--color-espresso);
}
.ym_beer_finder_list table tr td{
    padding: 1rem;
}
.ym_beer_finder_list table p{
    font-size: 14px;
    color: var(--color-espresso);
    line-height: 1.5;
    margin: 0;
}
.ym_beer_finder_list table p b{
    font-family: var(--font-heading);
    color: var(--color-pink);
    font-size: 18px;
}
.ym_beer_finder_list table ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.ym_beer_finder_list table ul li{
    display: block;
}
.ym_beer_finder_list table ul li a{
    color: var(--color-orange);
}
.ym_beer_finder_list table ul li a:hover{
    color: var(--color-orange);
    text-decoration: underline;
}

.ym_finder_map_background{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}