/*!
Theme Name: Kyle Mckearney
Theme URI: http://underscores.me/
Author: Kyle Mckearney
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kyle-mckearney
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

kyle-mckearney is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

*{
	margin: 0;
	padding: 0;
	border: 0;
}
body{
	font-family: 'Gotham';
	/* font-family:"proxima-nova"; */
	font-size: 16px;
	font-weight: normal;
}
img{
	max-width: 100%;
	height: auto;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Thin.woff2') format('woff2'),
	url('fonts/Gotham-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Light.woff2') format('woff2'),
	url('fonts/Gotham-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

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

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


header{
	background-color: #000;
	border-bottom: 1px solid #33353f;
	position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    top: 0;
    left: 0;
}
ul.social-icon-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 15px 0;
}
ul.social-icon-wrap li{
	list-style-type: none;
	margin: 0 20px;
}
ul.social-icon-wrap li a{
	color: #fff;
	font-size: 30px;
}
ul.social-icon-wrap li a:hover{
	color: #ecdac3;
}

.banner-slider-wrapper .col-md-6{
	padding: 0;
}
.banner-slider-wrapper{
	background-color: #000;
	/* background-image: url(images/banner-image.jpg); */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	/*height: 100vh;*/
}
.banner-slider-wrapper .col-sm-12{
	padding: 0;
}
.banner-slider-wrapper .slick-slide a{
	text-align: center;
}
.banner-slider-wrapper .slick-slide img{
	width: 100%;
	display: inline-block;
	height: 100vh;
	object-fit: cover;
}
.banner-slider-wrapper .slick-slide > div{
	line-height: 0;
}
.banner-slider-wrapper .slick-dotted.slick-slider{
	margin-bottom: 0;
	height: 100vh;
	overflow: hidden;
}
.banner-slider-wrapper .slick-dots{
	bottom: 10px;
}
.banner-slider-wrapper .slick-dots li.slick-active button:before{
	color: #ecdac3;
	font-size: 11px;
}
.banner-slider-wrapper .slick-dots li button{
	border:  1px solid #ecdac3;
	border-radius: 50%;
}
.banner-slider-wrapper .slick-dots li button:before{
	color: #ecdac3;
	opacity: 1;
	font-size: 0;
	top: 1px;
}
.banner-slider-wrapper .img-wrap{
	text-align: center;
}
.banner-slider-wrapper .img-wrap img{
	width: 58%;
}
.banner-slider-wrapper h2{
	font-size: 46px;
	text-transform: uppercase;
	color: #92a5a6;
	text-align: center;
	margin: 20px 0 0;
	font-weight: normal;
}
.banner-slider-wrapper h3{
	font-size: 46px;
	text-transform: uppercase;
	color: #d5bd9f;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
.banner-slider-wrapper ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
}
.banner-slider-wrapper ul li{
	list-style-type: none;
	margin: 0 10px;
}
.banner-slider-wrapper ul li a img{
	width: 60px;
}
.head-wrap{
	background-color: #000;
	border-top: 1px solid #33353f;
	border-bottom: 1px solid #33353f;
}
.head-wrap h2{
	font-family: 'Gotham';
	color: #ecdac3;
	text-transform: uppercase;
	text-align: center;
	margin: 30px 0;
	font-weight: normal;
}
.music-block{
	background-image: url(images/music-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0;
}
.music-block ul{
	margin: 20px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.music-block ul li{
	list-style: none;
	flex:0 0 30%;
	max-width: 30%;
}
.music-block ul li a{
	border-radius: 30px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#556e71+0,242d30+100 */
	background: #556e71; /* Old browsers */
	background: -moz-linear-gradient(top,  #556e71 0%, #242d30 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #556e71 0%,#242d30 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #556e71 0%,#242d30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556e71', endColorstr='#242d30',GradientType=0 ); /* IE6-9 */
	/*font-size: 20px;*/
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	color: #d6c8b6;
	display: flex;
	align-items: center;
	padding: 3px;
}
.music-block ul li a img{
	width: 50px;
	margin-right: 10px;
}
.video-block{
	background-image: url(images/video-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 0;
}
.cartel-block{
	/*background-image: url(images/big-cartel-bg.jpg);*/
	/*background-repeat: no-repeat;
	background-size: cover;*/
	/*padding: 100px 0;*/
	text-align: center;
	background-color: #000;
}
.cartel-block img{
	/*width: 100%;*/
}
.songs-block{
	background-image: url(images/songs-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0;
}
.story-block{
	background-image: url(images/kyle-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
.story-block .col-md-5,
.story-block .col-md-7{
	padding: 0;
}
.story-block .logo-wrap{
	margin-bottom: 30px;
}
.story-block p{
	font-family: 'Gotham';
	padding: 0 10%;
	color: #7c7c7c;
	font-size: 18px;
	text-align: left;
}
.story-block ul li a {
	color: #6b6b6b;
}
.contact-block{
	background-image: url(images/contact-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0;
}
.contact-block ul{
	margin: 0;
	padding: 0 0 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #33353f;
}
.contact-block ul li{
	list-style-type: none;
	text-transform: uppercase;
	color: #a4a4a4;
	font-size: 28px;
	text-align: center;
	max-width: 33.33%;
	flex: 0 0 33.33%;
}
.contact-block ul li div{
	color: #d6c8b6;
	font-size: 28px;
	text-transform: uppercase;
	text-decoration: underline;
}
.contact-block ul li div a{
	color: #d6c8b6;
}
.contact-block ul li div a img{
	margin-left: 5px;    
	width: 36px;
    position: relative;
    top: -3px;
}
.contact-block .gform_heading h3.gform_title{
	color: #ecdac3;
	font-size: 46px;
	text-transform: uppercase;
	text-align: center;
	margin: 70px 0 50px;
	font-weight: normal;
}
.contact-block form{
	width: 730px;
	max-width: 100%;
	margin: 0 auto;
}
.contact-block .gform_wrapper form ul.gform_fields li{
	flex:  0 0 100%;
	max-width: 100%;
	padding-right: 0;
}
.contact-block .gform_wrapper form ul.gform_fields li.gfield.gfield_error{
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}
.contact-block .gform_wrapper form ul.gform_fields li.gfield.gfield_error .validation_message{
	background-color: transparent;
	padding: 8px 0 0;
    font-size: 15px;
    text-transform: none;
}
.contact-block .gform_wrapper form ul.gform_fields li input[type="text"],
.contact-block .gform_wrapper form ul.gform_fields li input[type="email"],
.contact-block .gform_wrapper form ul.gform_fields li textarea{
	width: 100%;
	background-color: #000;
	border: 1px solid #33353f;
	margin-bottom: 15px;
	color:#a4a4a4;
	font-size: 26px;
	padding: 15px !important;
	text-align: center;
	border-radius: 0;
	margin: 0;
}
.contact-block .gform_wrapper form ul.gform_fields li input[type="text"]:focus,
.contact-block .gform_wrapper form ul.gform_fields li input[type="email"]:focus,
.contact-block .gform_wrapper form ul.gform_fields li textarea:focus{
	outline: none;
}
.contact-block .gform_wrapper form ul.gform_fields li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #a4a4a4;
	text-transform: uppercase;
}
.contact-block .gform_wrapper form ul.gform_fields li input::-moz-placeholder { /* Firefox 19+ */
	color: #a4a4a4;
	text-transform: uppercase;
}
.contact-block .gform_wrapper form ul.gform_fields li input:-ms-input-placeholder { /* IE 10+ */
	color: #a4a4a4;
	text-transform: uppercase;
}
.contact-block .gform_wrapper form ul.gform_fields li input:-moz-placeholder { /* Firefox 18- */
	color: #a4a4a4;
	text-transform: uppercase;
}
.contact-block .gform_wrapper form ul.gform_fields li textarea{
	margin-bottom: 0;
}
.contact-block .gform_wrapper form ul.gform_fields li textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #a4a4a4;
	text-transform: uppercase;
}
.contact-block .gform_wrapper form ul.gform_fields li textarea::-moz-placeholder { /* Firefox 19+ */
	color: #a4a4a4;
	text-transform: uppercase;
}
.contact-block .gform_wrapper form ul.gform_fields li textarea:-ms-input-placeholder { /* IE 10+ */
	color: #a4a4a4;
	text-transform: uppercase;
}
.contact-block .gform_wrapper form ul.gform_fields li textarea:-moz-placeholder { /* Firefox 18- */
	color: #a4a4a4;
	text-transform: uppercase;
}
.contact-block .gform_wrapper form .gfield .ginput_container_checkbox{
	text-decoration: none;
}
.contact-block .gform_wrapper form .gfield_checkbox{
	border: 0;
}
.contact-block .gform_wrapper form .gfield_checkbox li{
	text-align: left;
}
.contact-block .gform_wrapper form .gfield_checkbox li .gfield-choice-input{
	width: 17px;
    height: 17px;
    position: relative;
    top: -2px;
}
.contact-block .gform_wrapper form .gfield_checkbox li label{
	font-size: 16px;
	text-decoration: none;
}
.contact-block .gform_wrapper form .gform_footer {
    margin: 0;
    padding: 0;
}
.contact-block .gform_wrapper form .gform_footer input[type="submit"]{
	width: 100%;
	background-color: #e1883e;
	border: 1px solid #e1883e;
	margin-bottom: 15px;
	color:#fff;
	font-size: 26px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
}
.contact-block .gform_wrapper form .gform_footer input[type="submit"]:hover{
	background-color: #000;
}
.site-footer{
	background-color: #000000;
	border-top: 1px solid #33353f;
	text-align: center;
}
.site-footer p{
	font-size: 16px;
	color: rgba(164, 164, 164, 0.3);
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 40px 0;
}
.video-block .yotu-playlist .yotu-wrapper-player,
.video-block .yotu-video-thumb-wrp{
	border:  1px solid #999999;
}
.yotu-playlist .yotu-wrapper-player{
	width: 100% !important;
}
.yotu-videos .yotu-video h3.yotu-video-title{
	font-family:"proxima-nova";
    padding: 0 10%;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5 !important;
    text-overflow: unset;
    white-space: normal;
}
a.yotu-pagination-more{
	display: none;
}
/*model*/
.modal .modal-content{
	background-color: #000;
    border: 1px solid #33353f;
    border-radius: 10px;
    padding: 15px;
}
.modal .modal-header {
    justify-content: flex-end;
    padding: 0;
    border: 0;
}
.modal .modal-header .close{
	background: transparent;
	color: #fff;
	font-size: 30px;
}
.modal .modal-body{
	padding: 0;
}
.modal .modal-body .gform_heading .gform_title{
	font-family: 'Gotham';
    color: #ecdac3;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0;
    font-weight: normal;
}
.modal .modal-body .gform_wrapper form div.gform_fields .gfield.gfield_error{
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}
.modal .modal-body .gform_wrapper form div.gform_fields .gfield.gfield_error .validation_message{
	background-color: transparent;
	padding: 8px 0 0;
    border: 0;
    font-size: 15px;
    text-transform: none;
    margin: 0;
}
.modal .modal-body .gform_wrapper form div.gform_fields  input[type="text"],
.modal .modal-body .gform_wrapper form div.gform_fields  input[type="email"],
.modal .modal-body .gform_wrapper form div.gform_fields  textarea{
	width: 100%;
	background-color: #000;
	border: 1px solid #33353f;
	margin-bottom: 15px;
	color:#a4a4a4;
	font-size: 26px;
	padding: 15px !important;
	text-align: center;
	border-radius: 0;
	margin: 0;
}
.modal .modal-body .gform_wrapper form div.gform_fields input[type="text"]:focus,
.modal .modal-body .gform_wrapper form div.gform_fields input[type="email"]:focus,
.modal .modal-body .gform_wrapper form div.gform_fields textarea:focus{
	outline: none;
}
.modal .modal-body .gform_wrapper form div.gform_fields input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #a4a4a4;
	text-transform: uppercase;
}
.modal .modal-body .gform_wrapper form div.gform_fields input::-moz-placeholder { /* Firefox 19+ */
	color: #a4a4a4;
	text-transform: uppercase;
}
.modal .modal-body .gform_wrapper form div.gform_fields input:-ms-input-placeholder { /* IE 10+ */
	color: #a4a4a4;
	text-transform: uppercase;
}
.modal .modal-body .gform_wrapper form div.gform_fields input:-moz-placeholder { /* Firefox 18- */
	color: #a4a4a4;
	text-transform: uppercase;
}
.modal .modal-body .gform_wrapper form div.gform_fields textarea{
	margin-bottom: 0;
}
.modal .modal-body .gform_wrapper form div.gform_fields textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #a4a4a4;
	text-transform: uppercase;
}
.modal .modal-body .gform_wrapper form div.gform_fields textarea::-moz-placeholder { /* Firefox 19+ */
	color: #a4a4a4;
	text-transform: uppercase;
}
.modal .modal-body .gform_wrapper form div.gform_fields textarea:-ms-input-placeholder { /* IE 10+ */
	color: #a4a4a4;
	text-transform: uppercase;
}
.modal .modal-body .gform_wrapper form div.gform_fields textarea:-moz-placeholder { /* Firefox 18- */
	color: #a4a4a4;
	text-transform: uppercase;
}
.modal .modal-body .gform_wrapper form .gform_footer {
    margin: 0;
    padding: 0;
}
.modal .modal-body .gform_wrapper form .gform_footer input[type="submit"]{
	width: 100%;
	background-color: #e1883e;
	border: 1px solid #e1883e;
	margin-bottom: 15px;
	color:#fff;
	font-size: 26px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
}
.modal .modal-body .gform_wrapper form .gform_footer input[type="submit"]:hover{
	background-color: #000;
}
@media only screen and (min-width: 576px){
	.modal .modal-dialog {
	    max-width: 800px;
	}
}
@media only screen and (max-width:1600px){
	.music-block ul li a{
		font-size: 18px;
	}
}
@media only screen and (max-width:1440px){
	.banner-slider-wrapper h2,
	.banner-slider-wrapper h3{
		font-size: 40px;
	}
	.story-block p{
		font-size: 17px;
	}
	.contact-block ul li,
	.contact-block ul li div{
		font-size: 24px;
	}
	.contact-block .gform_heading h3.gform_title{
		font-size: 42px;
	}
	.contact-block form input[type="text"],
	.contact-block form input[type="email"],
	.contact-block form textarea,
	.contact-block form input[type="submit"]{
		font-size: 24px;
	}
}
@media only screen and (max-width:1399px){
	.banner-slider-wrapper h2,
	.banner-slider-wrapper h3{
		font-size: 34px;
	}
	.music-block ul li a{
		font-size: 14px;
	}
	.contact-block ul li,
	.contact-block ul li div{
		font-size: 22px;
	}
	.contact-block .gform_heading h3.gform_title {
		font-size: 38px;
	}
}
@media only screen and (max-width:1199px){
	.banner-slider-wrapper h2,
	.banner-slider-wrapper h3{
		font-size: 30px;
	}
	.head-wrap h2{
		margin: 20px 0;
	}
	.story-block .logo-wrap{
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.story-block .logo-wrap img{
		width: 250px;
	}
	.story-block p{
		padding: 0 5%;
		font-size: 14px;
	}
	ul.social-icon-wrap{
		padding: 10px;
	}
	ul.social-icon-wrap li{
		margin: 0 12px;
	}
	ul.social-icon-wrap li a{
		font-size: 20px;
	}
	.contact-block ul li,
	.contact-block ul li div{
		font-size: 20px;
	}
	.contact-block .gform_heading h3.gform_title {
		font-size: 32px;
		margin: 30px 0;
	}
	.contact-block form input[type="text"],
	.contact-block form input[type="email"],
	.contact-block form textarea,
	.contact-block form input[type="submit"]{
		font-size: 20px;
	}
	header{
		position: sticky;
	}
	.banner-slider-wrapper .slick-dotted.slick-slider,
	.banner-slider-wrapper .slick-slide img{
		height: auto;
	}
}
@media only screen and (max-width:991px){
	.banner-slider-wrapper .img-wrap{
		margin-top: 50px;
	}
	.banner-slider-wrapper .img-wrap img{
		width: auto;
	}
	.banner-slider-wrapper .slider-content{
		margin-bottom: 50px;
	}
	.music-block .img-wrap{
		text-align: center;
		margin-bottom: 50px;
	}
	.contact-block ul li,
	.contact-block ul li div {
		font-size: 18px;
	}
	.contact-block .gform_heading h3.gform_title {
		font-size: 28px;
	}
	.story-block{
		padding-bottom: 20px;
	}
	.contact-block .gform_wrapper form ul.gform_fields li input[type="text"], 
	.contact-block .gform_wrapper form ul.gform_fields li input[type="email"], 
	.contact-block .gform_wrapper form ul.gform_fields li textarea,
	.contact-block .gform_wrapper form .gform_footer input[type="submit"],
	.modal .modal-body .gform_wrapper form div.gform_fields input[type="text"], 
	.modal .modal-body .gform_wrapper form div.gform_fields input[type="email"], 
	.modal .modal-body .gform_wrapper form div.gform_fields textarea,
	.modal .modal-body .gform_wrapper form .gform_footer input[type="submit"]{
		font-size: 20px;
	}
}
@media only screen and (max-width:767px){
	.music-block,
	.video-block,
	.songs-block,
	.contact-block{
		padding: 40px 0;
	}
	.music-block ul li,
	.contact-block ul li{
		max-width: 100%;
		flex: 0 0 100%;
		margin: 10px 0;
	}
	.music-block ul li{
		display: flex;
		justify-content: center;
	}
	.music-block ul li a {
		padding: 3px 70px 3px 3px;
	}
	.contact-block ul li div a img{
		width: 26px;
		margin-left: 15px;
	}
	.yotu-videos .yotu-video h3.yotu-video-title{
		font-size: 12px;
	}
}
@media only screen and (max-width:479px){
	.banner-slider-wrapper .slick-dots li button{
		height: 10px;
		width: 10px;
	}
	.banner-slider-wrapper .slick-dots li.slick-active button:before{
		font-size: 8px;
	}
	.banner-slider-wrapper .slick-dots li button:before{
		top: -3px;
		left: -3px;
	}
	.music-block ul li a{
		padding: 3px 30px 3px 3px;
		width: 220px;
	}
}