/*
Theme Name: Ave Child
Theme URI: http://ave.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template:  ave
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: ave
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
                           ..=======:   
                  .~~~~~~~.~~~~~======..
                  =~~~~~~~~~~~   ..~~~..
                  ~~~   ~~~~      :~~~..
               ..=~~~   =~~~   ..~~~~  .
            ..~~~~~~~~~~~~~   ..~~~~   .
         .~~~~~~~~..~~~~~~   ..~~~~    .
      ..~~~~~~~   ~~:                  .
      ~~~~~..,~~~~~~~~~~~              .
   .:~~~~   .~~~~~:.~~~~~~~            .
   ~~~~               ..~~~~           .
   ~~~                  .~~~~          .
..~~~~                  ..:~~~         .
..~~~                     .~~~~        .
..~~~                     ..~~~        .
..~~~                     ..~~~        .
..~~~                     ..~~~        .
..~~~~                     .~~~        .
   ~~~                     ~~~~:       .
   ~~~~                  .~~~~~~       .
   .~~~~~               .~~~~~~~       .
      ~~~~~,         .~~~~~~.~~~~      .
      ..~~~~~~~~~~~~~~~~~~   .~~~~~~   .
         ..~~~~~~~~~~~~      ..~~~~~   .
                                       .

Developed by: Pasindu Upendra
Contact: pasindu@toadcreatives.com
***************************************/
/*** Site Wide ***/
body {
	font-family: 'DIN Pro'!important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn-txt, p {
	font-family: 'DIN Pro' !important;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*** Nav ***/
#primary-nav .link-txt:after {
    position: absolute;
    content: '';
    background: #e21a36;
    width: 140%;
    height: 140%;
    top: -20%;
    left: -20%;
    transform: rotate(-45deg) translateY(-50px);
    -webkit-transform: rotate(-45deg) translateY(-50px);
    visibility: hidden;
    opacity: 0;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
}
#primary-nav .link-txt:hover:after, #primary-nav .current-menu-item .link-txt:after {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotate(0deg) translateY(0px);
	transform: rotate(0deg) translateY(0px);
}
#primary-nav .current-menu-item a {
    color: #fff;
}
.main-nav > li {
	overflow: hidden;
}

/*** Body ***/
.arrow-btn .btn-icon {
    position: absolute;
    top: 10px;
    right: 0;
    height: 110%;
    width: 60px;
}
.arrow-btn {
    position: relative;
    overflow: hidden;
    padding-right: 4em;
    font-weight: 500;
    font-size: 1.1em;
}
.arrow-btn.btn-lg > span {
    padding: .8em 2.7em;
}
#hero-section {
    background: url(/wp-content/uploads/2020/07/hero-bg.png);
    background-size: cover;
    background-position: bottom;
    padding-top: 25vh;
    padding-bottom: 35vh;
    min-height: 85vh;
}
#hero-section h1 {
    font-size: 5em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #fff;
}
#hero-section h4 {
    line-height: 1;
    margin-top: 12px;
    color: rgba(255,255,255,0.54);
}
.img-info {
    margin-bottom: -15vh;
}
.img-txt-right {
    padding-right: 15%;
}
.img-txt-left {
    padding-left: 15%;
}
.img-info h2 {
    font-size: 2.2em;
    margin-bottom: 1.2em;
}
.img-info .btn {
    margin-top: 32px;
}
#section-three {
	background: url(/wp-content/uploads/2020/07/section-3-bg.png);
    background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
#testimonials {
	background: url(/wp-content/uploads/2020/07/testimonial-bg.png);
    background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	padding: 24vh 0;
    text-align: center;
    margin-top: -10vh;
    margin-bottom: -5vh;
}
#testimonials blockquote {
    color: #fff;
    font-size: 2em;
    line-height: 1.2em;
    font-style: italic;
    font-weight: 100;
    padding: 0 5%;
	margin-bottom: 1.2em;
}
.testimonial-author {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
}
.testimonial-city {
    color: #c1c1c1;
    font-size: 1.1em;
    font-weight: 700;
}
#testimonials .flickity-page-dots {
    position: relative;
    margin: 0 auto;
}
#instagram-section .ld-fancy-heading {
    line-height: 1;
    margin-bottom: 0;
}
#instagram-section h1 {
    font-weight: 400;
    margin-bottom: 0;
}
#instagram-section h3 {
    font-size: 1.5em;
}
#footer-top {
    padding: 8vh 0;
	margin-top: 5vh;
}
.contact-details {
    padding-inline-start: 0;
	margin-top: 12px;
}
.contact-details li {
    display: inline-block;
    margin-right: 2em;
	color: #fff;
}
.contact-details img {
    width: 25px;
    max-height: 28px;
    margin-right: 1em;
}
footer a {
	color: #fff;
}
#footer-top .social-icon li {
    margin: 0 .5em;
}
#page-header {
    padding-top: 16vh;
    padding-bottom: 18vh;
    background-size: cover!important;
    background-position: bottom!important;
    margin-bottom: 5%;
    background-repeat: no-repeat!important;
}
#page-header h1 {
    color: #fff;
    font-size: 5em;
}
#page-header.about-header {
	background: url(/wp-content/uploads/2020/07/about-header.png);
}
.about-promise {
    background: url(/wp-content/uploads/2020/07/promise-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#page-header.contact-header {
	background: url(/wp-content/uploads/2020/08/Contact-header.jpg);
}
/* Responsive */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.main-header .navbar-brand .logo-default{
		max-width: 150px !important;
	}
	#hero-section {
		background: url(/wp-content/uploads/2020/07/hero-bg-mobile.png);
		background-size: cover;
		background-position: bottom;
		padding-top: 12vh;
		padding-bottom: 40vh;
	}
	#hero-section h1 {
		font-size: 2.5em;
	}
	#hero-section h4 {
		font-size: 1em;
	}
	.img-txt-right, .img-txt-left {
		padding: 5%;
		margin-top: -10vh;
	}
	.img-info {
		margin-bottom: 0vh;
	}
	#section-two {
		margin-top: -10vh;
	}
	#section-three {
    	background-size: 650%;
	}
	#section-three .ld-row {
		flex-direction: column-reverse;
	}
	#testimonials {
		background-size: cover;
	}
	#testimonials blockquote {
		font-size: 1.5em;
	}
	#instagram-section h3 {
		font-size: 1em;
	}
	#page-header {
		padding-top: 12vh;
		padding-bottom: 35vh;
		background-size: cover!important;
		background-position: top!important;
	}
	#page-header h1 {
		font-size: 3em;
	}
	.about-promise .ld-row {
		flex-direction: column-reverse;
	}
	#page-header.about-header {
		background: url(/wp-content/uploads/2020/07/about-header-mobile.png);
	}
	#page-header.contact-header {
		background: url(/wp-content/uploads/2020/08/contact-header-mobile.png);
	}
	.contact-details li {
		padding: 0.6em 0;
	}
	.about-promise {
		background-size: 760%;
		margin-bottom: 10%;
	}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}