/*
 Theme Name:   Anatolia
 Theme URI:    https://futuretheory.com.au
 Description:  Theme for Anatolia made with love by Futuretheory
 Author:       Damiane Muller
 Author URI:   https://damianemuller.com.au
 Template:     generatepress
 Version:      0.1
*/

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* ----------------- ADDRESS, OPEN HOURS AND PHONE ----------------- */

.secondary-navigation ul.secondary-menu li {
    width: 33.33%;
    letter-spacing: 1px;
}

.secondary-navigation ul.secondary-menu li:first-of-type {
    text-align: left !important;
}

.secondary-navigation ul.secondary-menu li:nth-of-type(3) {
    text-align: right !important;
}

/* ----------------- LATEST SPECIAL BAR ----------------- */

.specials-bar {
    background: #17367b;
    margin-top: -15px;
    z-index: 100000000000;
    position: relative;
    color: #8CA0CF;
    padding: 10px 0px;
}

.specials-bar .special {
    display: inline;
    position: relative;
}

.specials-bar .special.ended:after {
    content: 'Ended';
    font-size: 11px;
    color: #fff;
    background: #c3171e;
    padding: 5px 5px 2px 5px;
    border-radius: 5px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 10px;
    top: -1px;
    position: absolute;
}

.specials-bar strong {
    color: #fff;
    margin-right: 20px;
}

.specials-bar a {
    color: #8CA0CF;
}

/* ----------------- PAGES HEADER ----------------- */

.pages-header h1 {
    color: #fff;
}

.pages-header .featured-image-container {
    height: calc(100% + 20px);
    position: absolute;
    display: inline-block;
    overflow: hidden;
    top: -20px;
}

.pages-header .featured-image-container .featured-image {
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
}

.pages-header .featured-image-container .featured-image:before {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.4);
    content: '';
    display: block;
}

/* ----------------- SPECIALS ARCHIVE ----------------- */

.post-type-archive-specials .special-card {
    background: #17367b;
    position: relative;
}

.post-type-archive-specials .special-card.has-featured-image {
    display: flex;
    flex-direction: row;
}

.post-type-archive-specials .special-card.has-featured-image .info-container {
    width: 60%;
}

.post-type-archive-specials .special-card.has-featured-image .featured-image::before {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.4);
    content: '';
    display: block;
}

.post-type-archive-specials .special-card.has-featured-image .featured-image {
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover !important;
    background-position: center center !important;
    height: 100%;
}

.post-type-archive-specials .special-card .info-container {
    padding: 40px;
    color: #8CA0CF;
    box-sizing: border-box;
}

.post-type-archive-specials .special-card .info-container strong {
    color: #fff;
}


.post-type-archive-specials .special-card h2.entry-title {
    color: #fff;
    margin-bottom: 0.5em;
}

/* ----------------- SINGLE SPECIAL POST ----------------- */

.single-specials .inside-page-hero h1 {
    margin-top: 0.5em;
    margin-bottom: 0;
}

.single-specials .entry-content .comments {
    margin-bottom: 1.5em;
}

@media (min-width: 768px) {
    .single-specials .entry-content .comments {
        max-width: 70%;
    }
}

/* ----------------- HOMEPAGE ----------------- */

.home .home-header, .pages-header {
    margin: 0 auto;
    border-top: 20px solid #17367b;
    position: relative;
    overflow: hidden;
}

/* .pages-header {
    max-width: calc(100vw - 120px);
} */

.home .home-header {
    overflow: visible;
}

.home header#masthead:before, header#masthead:before {
    content: '';
    background: #c3171e;
    width: 100vW;
    height: 600px;
    position: absolute;
    display: block;
    z-index: -1;
    bottom: -600px; 
}

header#masthead:before {
    bottom: -60px;
}

.home .home-slider .slide.with-text h1 {
    max-width: 550px;
    margin: 0 auto;
    padding: 12% 40px 12% 40px;
}

.home .home-slider .slide {
    background-size: cover !important;
    background-position: center center !important;
}

.home .home-slider .slide.image-only {
    padding: 15.4% 40px 15.4% 40px;
}

.home .slick-prev:before, .home .slick-next:before {
    font-size: 24px;
    color: #FCEE21;
    opacity: 1;
}

.home .slick-prev {
    left: -35px;
}

.home .slick-next {
    right: -35px;
}

.pages-header {
    border: 0;
}

/* ---- TAGLINE ---- */

#tagline {
    background: #f4f4f4;
    padding: 6% 0px;
    margin-top: -3%;
}

#tagline h2 {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}

/* #tagline h2:before, #tagline h2:after {
    content: '';
    display: block;
    position: absolute;
    height: 50px;
    width: 80px;
    background: url('/wp-content/uploads/wave-vector.png');
    top: 0;
    bottom: 0;
    margin: auto;
} */

#tagline h2:before {
    left: -150px;
}

#tagline h2:after {
    right: -150px;
}


/* ---- PAGE BLOCKS ---- */

#page-blocks .pages-container {
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
    margin-right: -1%;   
    margin-top: -4%;
}

#page-blocks .block-container {
    width: 31.33%;
    margin: 0% 1%;
    padding: 40px 40px 50px 40px;
    background: #17367b;
    box-sizing: border-box;
    border-bottom: 20px solid #c3171e;
}

#page-blocks .block-container .icon img {
    min-height: 45px;
}

#page-blocks .block-container .icon {
    margin-bottom: 10px;
}

#page-blocks .block-container h2 {
    color: #fff;
    font-family: "Optima";
}

#page-blocks .block-container .blurb {
    color: #8CA0CF;
}

/* ----- GALLERY ----- */

.grid {
    margin-top: 60px;
}

.grid-item { 
    width: 23%;
    margin: 1%;
}

.lightbox .lb-image {
    border: 0px;
}

/* ---- FIND US ---- */

#find-us {
    position: relative;
    max-width: calc(100vw - 120px);
    margin: 0 auto;
    margin-top: 4%;
    border-bottom: 20px solid #c3171e;
    z-index: 1;
}

#find-us .map {
    width: 100%;
    height: 100%;
    position: absolute;
}

#find-us .map img {
   max-width: inherit !important;
}

#find-us .block-container {
    background: #c3171e;
    padding: 40px 40px 50px 40px;
    width: 20%;
    position: relative;
    top: 15%;
    margin: 5% 0%;
}

#find-us .block-container h2 {
    color: #fff;
    font-family: "Optima";
}

#find-us .block-container .icon img {
    min-height: 45px;
}

#find-us .block-container .icon {
    margin-bottom: 10px;
}

#find-us .block-container .location {
    font-size: 1.2em;
    color: #fff;
}

.home .site-footer::before {
    content: '';
    width: 100vW;
    height: 65px;
    position: absolute;
    margin-top: -65px;
    background: #17367b;
}

/* ----------------- CENTRE LOGO ----------------- */ 
@media only screen and (min-width: 1180px) {
.inside-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.header-widget {
	order: 10;
	overflow: visible;
}

.nav-float-right .header-widget {
	top: auto;
}

.nav-float-right .header-widget .widget {
	padding-bottom: 0;
}

.site-branding,
.site-logo {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 200;
}
#mobile-header .mobile-bar-items {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
	margin-left: auto;
}
#site-navigation {
	float: none;
	width: 100%;
}

.main-navigation:not(.slideout-navigation):not(.mobile-header-navigation) .main-nav > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-navigation .menu-item-separator {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

.main-navigation .menu-item-separator a {
	font-size: 0;
	background: transparent !important;
}

.slideout-navigation .menu-item-separator,
.main-navigation.toggled .menu-item-separator{
	display: none !important;
}

@media (max-width: 768px) {
	.inside-header>:not(:last-child):not(.main-navigation) {
		margin-bottom: 0;
        }
}

}

@media only screen and (max-width: 768px) {
#page-blocks .block-container {
    width: 98%;
}

.site-logo img {
    max-height: 70px;
}

#find-us {
	display:none;
}

#tagline {
    padding: 30px;
}
	
.grid {
    margin-bottom: 100px;
	}
	
	.grid-item { 
    width: 46%;
    margin: 2%;
}
	}