/*!
Theme Name: Upon a Star
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: upon-a-star
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

@font-face {
    font-family: 'LubalGraph Bk BT';
    src: url('assets/fonts/LubalinGraphITCbyBT-Book.woff2') format('woff2'),
        url('assets/fonts/LubalinGraphITCbyBT-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LubalGraph Bd BT';
    src: url('assets/fonts/LubalinGraphITCbyBT-Bold.woff2') format('woff2'),
        url('assets/fonts/LubalinGraphITCbyBT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Alana PRO';
    src: url('assets/fonts/AlanaPRO.woff2') format('woff2'),
        url('assets/fonts/AlanaPRO.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.uas-hero {
    width: 100vw;
    height: 100vh !important;
}

.uas-hero .divimage {
    width: 100vw;
    height: 130vh !important;
}

body {font-family: 'LubalGraph Bk BT'; font-size: 14px; margin: 0; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {font-family: 'LubalGraph Bk BT'; margin: 0;}
p {font-family: 'LubalGraph Bk BT'; line-height: 2em; }
strong, .bold {font-family: 'LubalGraph Bd BT';}
h1.alana-pro {font-family: 'Alana PRO'; text-transform: none; font-size: 28px; color: #354356;}
h1.alana-pro span {font-family: 'LubalGraph Bk BT'; text-transform: uppercase; font-size: 12px; color: #f8b6b0; letter-spacing: 2px;}
a {text-decoration: none; color: #f8b6b0; }
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}
a:hover{color:inherit}
img {max-width:100%;}

.scroll-to {height: 1px;}
.shortcode-btn {margin: 10px 0;}
.shortcode-btn a {color: #f598a2;
    font-family: 'LubalGraph Bd BT';
    letter-spacing: 2px;
    font-size: 14px;
    text-transform: uppercase;
	-webkit-transition: 1s; /* Safari */
	transition: 1s;}
.shortcode-btn a:hover {color: #ca8088; text-decoration: underline;-webkit-transition: 0.5s;transition: 0.5s;}

.content a, .link-button {letter-spacing: 2px; color: #f598a2; text-transform: uppercase; font-family: 'LubalGraph Bd BT'; cursor: pointer;}
.content a:hover, .link-button:hover {color: #ca8088; text-decoration: underline;}
.content ul {line-height: 2em;}

.link-button {color: #f598a2 !important;}

.next-button,
.prev-button {letter-spacing: 2px; color: #f598a2; text-transform: uppercase; font-family: 'LubalGraph Bd BT'; cursor: pointer; display: inline-block;}
.next-button:hover {color: #ca8088; text-decoration: underline;}

.block {margin-top:60px; margin-bottom: 60px;}
.block h1, .block h2, .block h3, .block h4, .block h5, .block h6 {margin-bottom: 15px;}

.page-template-page-contact .block ul {margin: 0; padding: 0; list-style: none;}

h1 {font-size: 40px; line-height:1.2em;}
h2 {font-size: 28px; line-height:1.2em;}
h3 {font-size: 20px; line-height:1.2em;}

p:last-child {margin-bottom: 0;}

.entry-wrap {background-color: transparent; padding: 30px; max-width: 500px; display: block; margin: 0 auto; text-align: center; color: #fff;}
.entry-wrap p {line-height: 1.5em;}
.entry-wrap svg {font-size: 40px; color: #f598a2; cursor: pointer;}

.center-it {width: 80%;}

nav ul {margin: 0; padding: 0;}
nav ul li {list-style: none; display: inline-block;}
nav div {display: inline-block;}
body.home nav {float:right;}
#uas-nav .logo {display: inline-block;}
#uas-nav {padding: 10px 0;}
#uas-nav {z-index: 9900 !important; background: #fff;}
#uas-nav {font-family: 'LubalGraph Bd BT'; text-transform: 2px; text-transform: uppercase;}
#uas-nav a {color: #686868; font-size: 12px; text-decoration: none; letter-spacing: 2px; padding:5px 0;}
#uas-nav li {padding: 5px 15px;}
#uas-nav nav {margin: 5px 0;}
#uas-nav .social-icon a {color: #f8b6b0;}


#uas-nav.page-nav {text-align: center; position: relative; top: -50px;}
#uas-nav.page-nav .custom-logo {max-width: 200px; height: auto; margin: 0 30px; position: relative;top: 50px;}


.image-col {position: relative; min-height: 300px;}
.image-col .image {position: absolute; top:0; left: 0; right:0; bottom:0; background-size: cover; background-position: center;}

.content-col {padding: 40px;}

#uas-services {background-color: #f4f2ef; padding: 50px 0;}
#uas-services .service-info {padding:50px; text-align: center; display: block; margin: 0 auto;}
#uas-services .service-info h3, #uas-services .service-info p {max-width: 300px; display: block; margin: 0 auto;}
#uas-services .service-info h3 {margin-bottom: 30px;}

.counter-icon {width: 100px; height: 100px; text-align: center; line-height: 100px; display: block; margin: 0 auto; border-radius: 50%; background-color: #f9b7b0; color: #fff; font-size: 38px; margin-bottom: 50px;-webkit-transition: 1s; /* Safari */
  transition: 1s;}
.counter-icon a {color: #111;}

#uas-services .service-info:hover .counter-icon {background-color: #354356;-webkit-transition: 1s; /* Safari */
  transition: 1s;}
div[id^="hover-"]{margin-top: 20px}
div[id^="hover-"] a {color: #354356;font-family: 'LubalGraph Bd BT'; letter-spacing: 2px; font-size: 14px; text-transform: uppercase; }


#home-banner {text-align: center; background-size: cover; color: #fff;  background-repeat: no-repeat; background-position: center; padding: 60px; position:relative;
}
#home-banner .overlay {background-color:rgba(0,0,0,0.4); position: absolute; top:0; bottom:0; left:0; right:0;}
#home-banner h1 {font-family: 'LubalGraph Bd BT';}

#contact {padding: 120px 0;}
#contact h2 {font-size: 34px; text-align: center; margin-bottom: 30px;}
#contact {background-color: #f4f2ef;}
body.home #contact {background-color: #fff;}
body.page-template-page-showservices #contact {background-color: #fff;}

footer { padding: 10px; background-color: #f7f7f7;}
footer h1 {display: inline-block;}
footer p {display: block; font-size: 10px; color: #9f9f9f; text-transform: uppercase; margin: 0;}
footer a {color: #9f9f9f !important;}
footer p a:hover {text-decoration: underline;}

/********
## Gravity forms
************/

.gform_wrapper label {display: none;}
.gform_wrapper {text-align: center; list-style: none;}
.gform_wrapper ul {list-style: none; margin: 0; padding: 0; width: 100%;}
.gform_wrapper ul li, .gform_wrapper ul li input, .gform_wrapper ul li textarea {width: 100%;}

/** field styling **/
.gform_wrapper ul li input, .gform_wrapper ul li textarea {
	font-family: 'LubalGraph Bk BT';
	border:0;
	border-bottom: 1px solid #e0dfdf;
	min-height: 60px;
	font-size: 12px;
	color: #000;
	background-color: transparent;
}
.gform_wrapper ul li textarea {padding-top: 20px; max-height: 120px;}
.gform_footer input {background: transparent; border:0; text-transform: uppercase; color: #f598a2; font-size: 18px;font-family: 'LubalGraph Bd BT'; letter-spacing: 2px; margin: 30px 0; cursor: pointer;}
.gform_footer input:hover {color: #ca8088}

li.gform_validation_container {width: 0px; display: none;}

.gform_wrapper form .gform_footer span:after {
	color: #f598a2;
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	z-index: 100; 
	font-size: 16px;
	margin-left: -10px;
}


.slider-image {background-size: cover;}
.slider-content {padding: 30px; }
.slide {position: relative;}
.slide-2 {padding: 0;  background: #f4f2ef;}
.slider-image {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.col-md-6.slide {min-height: 300px;}
.owl-stage .owl-item:last-child .next-button {display: none;}
.owl-stage .owl-item:first-child .prev-button {display: none;}
.owl-stage .owl-item:only-child .next-button, .owl-stage .owl-item:only-child .prev-button {display: none;}

.row-eq-height > [class^=col]:first-of-type {
  display: flex;
}

.row-eq-height > [class^=col]:first-of-type .black {
  flex-grow: 1;
}


* ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
* ::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
* :-ms-input-placeholder { /* IE 10+ */
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
* :-moz-placeholder { /* Firefox 18- */
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

@media (max-width: 576px) {
	footer {text-align: center;}
}



/********
## Blog
************/
h2.entry-title {font-size: 28px;}
footer.entry-footer {background-color: rgba(248,182,176,0); padding: 0;}
.blog-thumbnail img {width: 100%;height: auto;}
.blog-layout {padding: 30px;}
.blog-row {margin-bottom: 30px;}


footer h1, footer p  {width: 100%; text-align: center;}



#uas-nav.page-nav {display: none;}

.mobile-navigation {width: 100%; padding: 10px; position: fixed; top: 0; left: 0; right: 0; z-index: 9000;-webkit-transition: 1s;transition: 1s;}
.mobile-navigation .custom-logo {max-width: 80px; height: auto;}
.mobile-navigation .hamburger {position: absolute; right: 0px; top:6px;}

.full-screen-nav-content ul {margin: 0; padding: 0; text-align: center;}
.full-screen-nav-content ul a {font-size: 18px; text-transform: uppercase;letter-spacing: 2px;font-family: 'LubalGraph Bd BT';padding: 4px 0; display: block;}
.full-screen-nav-content ul ul a {font-size: 14px; font-family: 'LubalGraph Bk BT';}
.full-screen-nav-content ul ul {margin-bottom: 10px;}
.full-screen-nav-content ul ul a {color: #f598a2;padding: 4px 0; display: block;}
.full-screen-nav-content ul li {margin:5px 0; padding: 5px}
.full-screen-nav-content .social-icon {display: inline-block;}
.full-screen-nav-content .social-icon a {color: #f598a2; display: block; padding: 10px;}
.full-screen-nav-content .custom-logo {max-width: 150px; height: auto; display: block; margin: 0 auto 30px auto;}
.full-screen-nav-content {text-align: center;}
.full-screen-nav-close {z-index: 9999 !important;}
.full-screen-nav-content {z-index: 8888 !important;}
.sub-menu {list-style: none;}
.full-screen-nav-content ul.sub-menu li:last-child {padding-bottom: 0;}

.scrolled {background-color: #fff;-webkit-transition: 1s;transition: 1s;}
body.home .mobile-navigation h1 {color: #fff; margin:5px 0;}
body.home .hamburger-inner, body.home .hamburger-inner::before, body.home .hamburger-inner::after {background-color: #fff !important;}

body.home .mobile-navigation.scrolled h1 {color: #686868;}
body.home .mobile-navigation.scrolled .hamburger-inner, 
body.home .mobile-navigation.scrolled .hamburger-inner::before, 
body.home .mobile-navigation.scrolled .hamburger-inner::after {background-color: #686868 !important;}


#uas-nav-sticky-wrapper, #uas-nav {display: none;} /*hide the primary nav on mobile */

body {padding-top: 50px;}
body.home {padding-top: 0;}
body.home #uas-nav.page-nav {display: none;}


#uas-nav li {padding: 5px;}

@media (max-width: 576px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
		padding-left: 30px; padding-right: 30px;
	}

	.slider-content {padding: 30px 0;}
	
	.content-col {padding:40px 10px;}
	
	#contact h2 {font-size:40px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.center-it {width: auto;}
	.entry-wrap {padding: 60px;}

	h1.alana-pro {font-family: 'Alana PRO'; text-transform: none; font-size: 30px; color: #354356;}
	h1.alana-pro span {font-family: 'LubalGraph Bk BT'; text-transform: uppercase; font-size: 12px; color: #f8b6b0; letter-spacing: 2px;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#uas-nav.page-nav a {font-size: 11px;}
	#uas-nav li {padding: 5px 10px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#home-banner {padding: 120px;}
	footer h1 {width: 49.5%;}
	footer p {width:49.5%;text-align: right; position: relative; top: -5px; display: inline-block;}

	.content-col {padding: 100px;}

	div[id^="hover-"]{position: absolute; left: 0; right: 0; margin-top: 10px;}


	.slider-image {min-height: auto;}
	.slider-content {padding: 90px;}

	.block {margin-top:100px; margin-bottom: 100px;}

	#contact h2 {font-size: 48px;}

	#uas-nav, #uas-nav-sticky-wrapper,
	body.home #uas-nav {display: block;}
	.mobile-navigation {display: none;}

	#uas-nav.page-nav .menu-menu-1-container,
	#uas-nav.page-nav .menu-menu-2-container {display: inline-block;}
	#uas-nav.page-nav {display: block;}

	#uas-services .service-info {padding:90px;}

	h1 {font-size: 45px;}
	h2 {font-size: 30px;}
	h3 {font-size: 24px;}	
	
	footer h1.alana-pro {text-align:left;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	div[id^="hover-"]{display: none;}

	#uas-nav.page-nav a {font-size: 13px;}
	#uas-nav li {padding: 5px 15px;}
	#uas-nav a {font-size: 13px;}

	#home-banner {background-attachment: fixed;}
	
	h1.alana-pro {font-family: 'Alana PRO'; text-transform: none; font-size: 36px; color: #354356; margin:7px 0;}
	h1.alana-pro span {font-family: 'LubalGraph Bk BT'; text-transform: uppercase; font-size: 14px; color: #f8b6b0; letter-spacing: 2px;}
	
	#uas-nav nav {margin: 15px 0;}




}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1920px) {
	.content-col {padding: 120px;}
}





/**** navigation menu ****/

#uas-nav li.menu-item-has-children { position: relative; }

#uas-nav .sub-menu { 
  background: #fff;
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  text-align: left;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

#uas-nav .sub-menu a {font-size: 11px; font-family: 'LubalGraph Bk BT';}

#uas-nav li.menu-item-has-children:focus .sub-menu,
#uas-nav li.menu-item-has-children:focus-within .sub-menu,
#uas-nav li.menu-item-has-children:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

nav ul li { list-style-type: none; padding: 0; margin: 0; }

nav > ul { background: #EEE; text-align: center; }
nav > ul > li { display: inline-block; border-left: solid 1px #aaa; }
nav > ul > li:first-child { border-left: none; }





/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

li.menu-item a {
  display: inline;
  position: relative;
  overflow: hidden;
}
li.menu-item a:after {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  bottom: -5px;
  background: #f8b6b0;
  height: 2px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
li.menu-item a:hover:after,
li.menu-item a:focus:after,
li.menu-item a:active:after {
  left: 0;
  right: auto;
  width: 100%;
}

.post, .page {margin: 0;}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}


.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}




.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000; }

.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }

.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 35px;
height: 1px;
background-color: #686868;
border-radius: 0px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -6px; }
.hamburger-inner::after {
bottom: -6px; }