/*
Theme Name: Tinos Child
Theme URI: http://demo.arrowpress.net/tinos
Description: Tinos - Versatile office Wordpress theme.
Author: AHT
Author URI: http://arrowhitech.com/
Template:     tinos
Version:      1.0
License: 
License URI: 
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: tinos-child
*/

/*
 * 
 * Hide things
 * 
 */
footer.entry-footer {
    display: none;
}
.home404 .site-header {
    display: none;
}
.tinos-search {
    display: none;
}
.footer-top {
	display: none;
}
/*
 * 
 * Typography
 * 
 */
h1{
	font-weight: 800 !important;
	font-size: 3.5em !important;
	margin-top: 0;
	line-height: 1em !important;
}
h2{
	font-weight: 700 !important;
	line-height: 1.25em !important;
	font-size: 2.25em;
	margin-top: 0;
	margin-bottom: 25px;
	color: #0055a7 !important;
}
h3{
	line-height: 1.25em !important;
	font-size: 1.75em !important;
	margin-top: 20px;
	margin-bottom: 10px !important;
}
h4{
	font-weight: 700 !important;
	line-height: 24px !important;
	font-size: 16px !important;
	margin-top: 10px;
	margin-bottom: 5px !important;
	text-transform: uppercase;
	color: #f05523 !important;
}
h4 a {
	color: #f05523 !important;
}
h4 a:hover {
	color: #0055a7 !important;
}
p {
	font-size: 16px;
	font-weight: 500;
}
/*
 * 
 * Spacings
 * 
 */
.wpb_content_element {
    margin-bottom: 0 !important;
}
#pf-logo img {
	width: auto;
    max-height: 220px;
}
/*
 * 
 * Landing Page
 * 
 */
.landing-page p, .landing-page h1, .landing-page h2, .landing-page h3{
	color: white;
	text-shadow: 3px 2px 6px rgb(0,0,0);
}
.landing-page a{
	color: white !important;
}
.landing-page p{
	letter-spacing: 2px;
}
.landing-page h3 span{
	font-weight: 800;
}
.landing-page img {
    max-width: 75% !important;
}
.landing-page img:hover {
	opacity: .75;
}
.landing-page figcaption.vc_figure-caption {
    color: white;
    font-size: 1rem !important;
}
/*
 * 
 * 404 PAGE
 * 
 */
.home404 .content-area .site-main .page-title, .home404 .content-area .site-main .page-title span, .home404 p{
	color: white;
}
/*
 * 
 * Header
 * 
 */
header {
    position: absolute;
    width: 100%;
    z-index: 999;
}
.logo img {
    margin-top: 50px;
}
/*
 * 
 * Hero
 * 
 */
.hero.subpage {
    padding: 170px 0 140px !important;
}
.hero .wpb_content_element {
	margin-bottom: 0;
}
.hero p, .hero h1, .hero h3, .hero h2{
	color: white !important;
	text-shadow: 3px 2px 6px rgb(0,0,0);
}
.hero h1{
	font-size: 55px !important;
	font-weight: 700 !important;
}
.hero h2{
	font-size: 45px !important;
	font-weight: 600 !important;
}
.hero p{
	letter-spacing: 2px;
}
.hero h3 span{
	font-weight: 800;
}
/*
 * 
 * Main Nav
 * 
 */
#menu-main-menu {
    margin-top: 17px;
}
.main-navigation a {
	color: white;
	font-size: 16px;
	text-shadow: 3px 2px 6px rgb(0,0,0);
	font-weight: 900;
	letter-spacing: 2px;
}
.facebook-icon a {
    text-shadow: none;
    color: #3B5998;
    font-size: 25px;
    position: relative;
    top: 4px;
}
/*
 * 
 * Figcaption
 * 
 */
.wpb_single_image .vc_figure-caption {
    margin-top: .5em !important;
    font-size: 1.5em !important;
}
/*
 * 
 * iFrame
 * 
 */
.frame-area {
	  display: block;
	  width: 100%;  /* RESPONSIVE WIDTH */
	  height: 900px;
	  overflow: hidden;  /* EDIT TO hidden FOR NO SCROLLBAR */
	  margin: 0px;
	  padding: 0px;
 }
.frame-area.ratio {
	  height: 519px;
 }
.iframe-section {
	padding: 0 !important;
}
.restaurant-slide {
	width: 75%;
}
.iframe-center{
	text-align: center;
}
/*
 *
 * Hero Arrow
 *
 */
.down-div {
	position: absolute !important;
    bottom: 0;
    left: 50%;
    right: 50%;
}
.down-div p{
	font-size: 35px;
}
/*
 *
 * Hero Photo Credit
 *
 */
.caption-credit {
	position: absolute !important;
    bottom: 0;
    left: 0%;
}
.caption-credit p{
	color: white;
	text-shadow: 3px 2px 6px rgb(0,0,0);
}
/*
 *
 * Footer
 *
 */

/*
 * 
 * Responsive
 * 
 */
@media only screen and (max-width: 1068px) {
	.landing-page h1 {
		font-size: 28px !important;
	}
	.landing-page h3 {
		font-size: 22px !important;
	}
}
@media only screen and (max-width: 991px) {
	.down-div {
		display: none;
	}
	#menu-main-menu {
		margin-top: 0;
	}
	.btn-responsive-nav i {
		font-size: 30px;
	}
	header {
		position: relative;
	}
	.logo img {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 170px;
	}
	.tinos-menubt {
		top: 27px;
		position: relative;
	}
}
@media only screen and (max-width: 767px) {
	.caption-credit p{
		font-size: 16px;
	}
	.logo img {
		margin-top: 10px;
		margin-bottom: 0;
		width: 170px;
	}
	.tinos-menubt {
		top: 0px;
		padding: 0 !important;
	}
	.hero h1, .hero h2{
		font-size: 30px !important;
	}
	.restaurant-slide {
		width: 100%;
	}
}
@media only screen and (max-width: 464px) {
	.landing-page h1 {
		font-size: 20px !important;
	}
	.landing-page h3 {
		font-size: 16px !important;
	}
	.hero h1, .hero h2{
		font-size: 24px !important;
	}
}