/*
Theme Name: The Hidden Lanes
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for The Hidden Lanes.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thehiddenlane
Tags: one-column, two-columns, custom-menu, featured-images
*/
body {font-family: 'FlamaCondensed-Book'; background:#f9e14e}
img {max-width:100%;}
a {transition:all linear 0.2s; color:#427c9e;}
a:hover,a:focus {color:#2f5870;}
.banner {padding:30px 0 40px; text-align:center; position:relative;}
.text-red {color:#ff3eb1;}

.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center;}
img.aligncenter { text-align:center; position:relative; left:50%; transform:translate(-50%); -webkit-transform:translate(-50%);}
.alignnone { float:none;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:0;border-radius:4px;-webkit-border-radius:4px}
.wp-caption img{margin:0;padding:0;border:0}
.wp-caption p.wp-caption-text{font-size:12px;padding:0 5px;margin:0}
.sticky {position:relative;}
.gallery-caption {}
.bypostauthor {}

.btn-danger {text-transform:uppercase; background:#eb5053; color:#fff; padding:7px 30px; position:relative; cursor:pointer;}
.btn-danger:before {position:absolute; left:-4px; bottom:-4px; content:""; width:100%; height:37px; background:#f2b756; z-index:-1;}
.btn-danger:hover {text-decoration:none;background:#bb3e41;}
.btn-success {background:#00b7ef; border-color:#00b7ef;}
.btn-success:hover, .btn-success:focus {background:#0c82a7; border-color:#0c82a7; color:#fff;}

.banner_soon {text-align:center; max-width:650px; margin:0 auto;}
#menu ul {padding:30px 0; margin:0; list-style:none; text-align:center;}
#menu ul li {display:inline-block; margin-right:25px; position:relative;}
#menu ul li a {font-size:26px; text-transform:uppercase; background:#ff4743; color:#fff; padding:7px 5px; width:180px; display:block;}
#menu ul li a:before {position:absolute; left:-4px; bottom:-4px; content:""; width:175px; height:48px; background:#f2b756; z-index:-1;}
#menu ul li a:hover {text-decoration:none;background:#c14143;}
#menu ul li+li a {background:#006ed3;}
#menu ul li+li a:hover { background:#354c84;}
#menu ul li+li+li a {background:#ff99cc;}
#menu ul li+li+li a:hover {background:#de80af;}
#menu ul li+li+li+li a {background:#00b7ef;}
#menu ul li+li+li+li a:hover {background:#0c82a7;}
#menu ul li+li+li+li+li a {background:#faa927;}
#menu ul li+li+li+li+li a:hover {background:#c78110;}
.ms_btn {margin-top:15px;}
.ms_btn .btn-success {position:relative; border-radius:0; border:0; text-transform:uppercase; font-size:26px; margin:0 20px 10px 0;}
.ms_btn .btn-success:before {position:absolute; left:-5px; bottom:-4px; content:""; width:100%; height:48px; background:#f2b756; z-index:-1;}
.ms_btn .btn-purple {position:relative; border-radius:0; border:0; text-transform:uppercase; font-size:26px; background:#ff3eb1; border-color:#ff3eb1; color:#fff; vertical-align:top;}
.ms_btn .btn-purple:before {position:absolute; left:-5px; bottom:-4px; content:""; width:100%; height:48px; background:#f2b756; z-index:-1;}
.ms_btn .btn-purple:hover {background:#bd2b82;border-color:#bd2b82;}

.about_contents {padding:0 0 30px;}
.about_contents p {font-family: 'Flama-Medium'; color:#427c9e;}
ul.footer_logos {padding:0 0 30px; margin:0; list-style:none; text-align:center;}
ul.footer_logos li {display:inline-block; margin-right:45px;}
ul.footer_logos li img {max-height:65px;}
ul.social {padding:15px 0 0; margin:0; list-style:none; text-align:center}
ul.social li {display:inline-block; margin-right:12px;}
ul.social li a {font-size:20px;}
.link_info {text-align:center;}
.link_info a {font-size:18px; font-family: 'Flama-Basic';}

h1.soon_text {font-size:75px; text-transform:uppercase;color:#eb8f81; margin-top:-35px;}
.banner_compact {max-width: 900px; margin:25px auto;}

.music_boxes_contents {max-width:760px; margin:0 auto;}
.box_contents {text-align:center; margin-bottom:40px; overflow:hidden;}
.box_contents img {transition:all linear 0.2s;}
.lone_contents .alone_logo {text-align:center;}
.box_contents a:hover {text-decoration:none;}
.box_contents:hover .text-red {text-decoration:none; color:#ff3eb1;}
.food_wine_contents h4 { font-size:22px;}
.arts_contents h4 { font-size:21px;}

.lone_contents ul {padding:0; margin:35px 0 0; list-style:none; text-align:center;}
.lone_contents ul li {display:inline-block; width:calc(19% - 25px); margin:0 15px;}

#supreme_menu ul {padding:20px 0; margin:0; list-style:none; text-align:center;}
#supreme_menu ul li {display:inline-block;  margin:0 20px; width:calc(18% - 25px); position:relative; text-align:center;}
#supreme_menu ul li a {font-size:26px; text-transform:uppercase; background:#ff4743; color:#fff; padding:7px 5px; display:block; text-transform:uppercase;}
#supreme_menu.music_menu ul li {display:inline-block;width:calc(13% - 25px);}
#supreme_menu.music_menu ul li a {font-size:22px;}

#supreme_menu ul li a:before {position:absolute; left:-4px; bottom:-4px; content:""; width:100%; height:48px; background:#f2b756; z-index:-1;}
#supreme_menu ul li a:hover {text-decoration:none;background:#c14143;}
#supreme_menu ul li+li a {background:#006ed3;}
#supreme_menu ul li+li a:hover { background:#354c84;}
#supreme_menu ul li+li+li a {background:#ff99cc;}
#supreme_menu ul li+li+li a:hover {background:#de80af;}
#supreme_menu ul li+li+li+li a {background:#00b7ef;}
#supreme_menu ul li+li+li+li a:hover {background:#0c82a7;}
#supreme_menu ul li+li+li+li+li a {background:#dbad56;}
#supreme_menu ul li+li+li+li+li a:hover {background:#c39a4a;}
#supreme_menu ul li+li+li+li+li+li a {background:#6adb56;}
#supreme_menu ul li+li+li+li+li+li a:hover {background:#5abd49;}
#supreme_menu ul li+li+li+li+li+li+li a {background:#db56b2;}
#supreme_menu ul li+li+li+li+li+li+li a:hover {background:#bb4998;}
#supreme_menu ul li+li+li+li+li+li+li+li a {background:#db8d56;}
#supreme_menu ul li+li+li+li+li+li+li+li a:hover {background:#bb7543;}
.banner_full {max-width: 900px; margin: 25px auto 0;}

.contact_form {max-width:570px; margin:0 auto;}
span.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00;}
div.wpcf7-response-output { margin:10px 0;}
.btn-mrg { margin:0 10px 10px 0;}

.main_form label {font-weight:600;}
.main_form .form-control {margin-bottom:15px; border:1px solid #999; border-radius:0;}
.main_form .btn {/*margin:10px auto;*/ display:block;}
.modal-body {padding:25px 50px;}
.modal-header {display:block; text-align:center;}
.modal-header {background:#3c907b; color:#fff;}
.modal-header .close {opacity:1; background:#4BB69C; color:#fff !important;font-size:30px; width:40px; height:40px; text-align:center; line-height:37px; margin:0; padding:0; border-radius:50%;position:absolute; right:-15px; top:-15px; padding:0;}
.modal-lg { max-width:1000px;}



.datepicker { padding:15px; box-shadow:0 6px 12px rgba(0,0,0,.175); font-size:14px;}
.datepicker table tr td.highlighted { background:inherit;}
.datepicker table tr td.today { background:#04c; color:#fff;}
.table-condensed > tbody > tr > td { padding:5px;}
.datepicker table tr td.active.active { border-radius:4px;}
.clear10 { clear:both; padding:10px;}

ul.about_list {padding:0; margin:0 0 30px; list-style:none; font-size:20px;}
ul.about_list li {padding:0 20px 10px 20px; position: relative;}
ul.about_list li:before {position: absolute; left:0; top:0; content:"\f105";font-family: FontAwesome;}
@media(min-width:991px){
ul.about_list li {display:inline-block; width:calc(33.33% - 3px); padding:0 20px 10px 20px; position: relative;}
}

@media(max-width:1199px){
.lone_contents ul li {width:calc(30% - 25px);}
#supreme_menu ul li { margin:0 20px 23px; width:calc(25% - 25px);}
}
@media(max-width:991px){
.container {max-width:100%;}
#menu ul li {margin-right:15px;}	
#menu ul li a {width:130px;}
#menu ul li a:before {width:130px;}
ul.banner_logos li {margin-right:25px;}
ul.footer_logos li {margin-right:30px;}
ul.banner_logos li:nth-child(3) {margin-right:25px;}
}
@media(max-width:767px){
#menu ul li a {width:90px; font-size:20px;}	
#menu ul li a:before {width:90px;}	
.about_contents img { width:100%;}
.about_info {padding-top:25px;}
#supreme_menu ul li {width:calc(40% - 25px);}
.box_contents {max-width:350px; margin:0 auto 40px;}
}
@media(max-width:580px){
.lone_contents ul li {width:calc(100% - 25px);}	
}
@media(max-width:480px){
#menu {max-width:250px; margin:0 auto;}	
#menu ul li {display:block; margin-bottom:15px; margin-right:0;}	
#menu ul li a {width:100%;}
#menu ul li a:before {width:100%;}
ul.banner_logos li {display:block; margin-right:0;}	
.featured_text {padding-top:0;}
.featured_text span {margin-left:0;}
ul.footer_logos li { display:block; margin-right:0; margin-bottom:15px;}
h1.soon_text {margin-top:0; font-size:56px;}
#supreme_menu ul li {width:60%; margin-right:0;}
}