/*
 Theme Name:   The Uptown Diner
 Theme URI:    https://www.theuptowndiner.com
Description:   Website development for The Uptown Diner
 Author:       Iceberg Web Design
 Author URI:   https://icebergwebdesign.com
 Template:     iceberg
 Text Domain:  uptowndiner

 START YOUR CHILD THEME CSS HERE
*/


/* --- NAVIGATION --- */

/* Removes triangle in slide bar */
.iceberg-navigation .iceberg-navigation-slide-bar:before {
    content: " ";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    bottom: 0px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: transparent;
}


/* --- BUTTONS ---*/

/* Defaults for goodlayers buttons */
.iceberg-body input[type="submit"], .gdlr-core-button {
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 15px 33px;
    display: inline-block;
    -webkit-appearance: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

/* Removes default gradient and sets default color for goodlayers buttons */
.gdlr-core-body .gdlr-core-button.gdlr-core-button-gradient {
    background: #555555;
}

.iceberg-body .iceberg-main-menu-right-button {
    margin-top: 20px !important;
    font-size: 13px !important;
}

.hero-button {
    background-color: #98002e;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 15px 33px;
    display: inline-block;
    -webkit-appearance: none;
}

a.hero-button {
    color:#ffffff !important;
}


/* --- FORMS --- */

.iceberg-body input, .iceberg-body textarea {
    color: #4e4e4e;
    padding: 3px 10px;
    border: 1px solid #eeeeee;
    font-size: 18px;
    background-color: #f1f1f1;
}

/* --- MISC --- */

hr {margin-top:60px; margin-bottom:60px;}

ul li {list-style-position: outside;}
ol li {list-style-position: outside;}

.gdlr-core-image-overlay.gdlr-core-gallery-image-overlay .gdlr-core-image-overlay-title {
    font-size: 15px;
    display: block;
    letter-spacing: 1px; font-weight: bold; background: #000; background: rgba(0,0,0,0.7); padding: 10px 20px;
    text-transform: uppercase;
}

.iceberg-sidebar-area .iceberg-widget-title {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.5px;
    position: relative; line-height: 1.5;
    margin-bottom: 28px;
    overflow: visible;
}

.wpgmp_map_container {
	border:none!important;
}

/* --- GALLERY ---*/

.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1.5em;
    padding: 0 1em 0 0;
    width: 50%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}

.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}

/* Gallery Columns */

.gallery-item {
    max-width: 25%;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}


/* --- FOOTER --- */

.iceberg-copyright-left {
    text-transform: none;
    text-align: center;
    
    font-size: 14px;
    letter-spacing: 0.5px;
}

.iceberg-footer-wrapper .iceberg-widget-title {
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
}

.iceberg-logo {
    margin-top: -50px !important;
	margin-bottom: -43px !important;
}

.iceberg-header-style-boxed.iceberg-style-splitted-menu .iceberg-navigation .sf-menu > li > a {
    padding-top: 40px;
}

/* --- RESPONSIVE --- */

ul.mm-listview li a { color: #dddddd !important; }

ul.mm-listview li.current_page_item a, ul.mm-listview li a:hover { color: #ffffff !important; }

.mm-menu {background-color: #222222;}

.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title { white-space: unset !important; }

/* Breakpoint for mobile header - 999px */


/* Breakpoint for column stacking - 768px */
@media (max-width: 768px) {
  .iceberg-page-title { font-size: 26px !important; }
  .gdlr-core-title-item-title { font-size: 26px !important; }
}

#hero_image {
	padding: 320px 0px 60px 0px !important;
}

.wpcf7-recaptcha {margin-bottom: 20px;}
/* MOBILE STYLING */
@media screen and (min-width: 999px) {
	.iceberg-body .iceberg-top-bar {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.iceberg-mobile-header-wrap .iceberg-top-bar-left, .iceberg-mobile-header-wrap .iceberg-top-bar-right {
		text-align: right !important;
	}
}

.mobile-button {
	font-size: 13px;
	letter-spacing: 1px;
    font-weight: 700;
    color: black !important;
	background-color: #deb409;
	border-radius: 3px;
	padding: 6px 10px;
	position: relative;
	z-index: 9999;
}

@media only screen and (max-width: 1120px){
	.iceberg-body .iceberg-main-menu-right-button {padding: 8px;}
	.iceberg-navigation-right {right: 10px;}
}
@media only screen and (max-width: 1038px){
	.iceberg-body .iceberg-main-menu-right-button {font-size: 11px !important;}
}