/*
 Theme Name:   Booking Consciously Awesome
 Theme URL:    https://IntuitiveEdgeDesign.com
 Description:  A Child Theme Template for Divi
 Author:       Intuitive Edge Design
 Author URI:   https://IntuitiveEdgeDesign.com
 Template:     Divi
 Version:      1.0.1
*/

/*-----Main menu styling-----*/

/* Extend the top menu length */
#top-menu {
max-width: 100% !important;
}

/*Fix the jumping header*/

@media only screen and (min-width: 981px) {
    #page-container {
        padding-top: 53px !important;
    }
}


/*Header width*/

@media only screen and (min-width: 981px) {
    .et_fullwidth_nav #main-header .container {
        width: 89% !important;
        max-width: 89% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

#main-header {
    top: 0 !important;
	margin-bottom: 8px !important;
	padding-bottom: 6px !important;
}


/*Remove header shadow*/

#main-header,
#main-header.et-fixed-header {
    background-color: rgba(255, 255, 255, 0.5) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*Menu link colour*/
#top-menu a {
  color: #525451 !important;
  margin-right: 20px;
  font-family: 'BioRhyme', sans-serif;
  font-weight: 300;
}

/*Submenu styling*/
#top-menu li li {
  margin: 5px 10px;
  border: none;
  width: 90%;
  background: rgba(255, 255, 255, .7);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

#top-menu li li:hover {
  background: #525451;
  color: #FFFFFF;
}

#top-menu a:hover {
  color: #012fa7 !important;
}

#top-menu .menu-item-has-children a:first-child {
  padding-right: 0 !important;
}

#top-menu .menu-item-has-children a:first-child:after {
  display: none !important;
}

#top-menu li li a {
  width: auto;
  margin: 0;
  padding: 6px 0;
}

#top-menu li li a:hover {
  color: #FFFFFF !important;
}

.nav ul li a:hover,
.et_mobile_menu li a:hover {
  background-color: transparent;
}

#top-menu .current-menu-item a,
#top-menu li.current-menu-ancestor>a {
  color: #012fa7 !important;
}

#top-menu li li.current-menu-item>a {
  color: #FFFFFF !important;
}

#top-menu li li.current-menu-item {
  background: #012fa7 !important;
}

.nav li ul {
  border-top: none;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/*Mobile menu styling*/
.mobile_menu_bar:before {
  color: #012fa7 !important;
}

.et_mobile_menu li a {
  color: #525451;
  font-size: 1em;
}

.et_mobile_menu {
  border-top: none;
}

.et_mobile_menu {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 80vh;
}

 /*-----Colour Palette-----*/
 /*Change values to those used in your child theme*/
 /*Iconic Brand Color: HEX #012fa7 RGB 41,48,74*/
 /*Accent Color Grey: HEX #525451 RGB 75,86,106*/
 /*Accent Color Light Purple: HEX  RGB 333,333,333*/
 /*Text Colour Dark Purple: HEX #2601a7 RGB 95,60,93*/
 /*Text Colour Smoke : HEX #d9d9e4 RGB 246,245,245*/
 /*Action Colour BioGreen : HEX #24d7c8 RGB 102,255,218*/


/*-----Typography-----*/

/*--------Consciously Awesome Fonts------
font-family: 'Damion', cursive;
font-family: 'Yantramanav', sans-serif;
font-family: 'BioRhyme', serif;
*/

/*Load any custom fonts here*/

/*Importing google fonts*/

@import url('https://fonts.googleapis.com/css?family=BioRhyme:300,400,700|Damion|Yantramanav:900');


/*========================= IED Heading Styles =========================*/

/*H1 styling*/

h1 {
  font-family: 'Yantramanav', sans-serif;
  font-size: 36px;
  color: #012fa7 !important;
  line-height: 1.4em;
}

h1.ied-white-text {
  color: #d9d9e4 !important;
 /* White Text for H1 */;
}

 /*H2 styling*/

h2 {
  font-family: 'Damion', cursive;
  font-size: 30px;
  text-transform: capitalize;
  color: #012fa7;
  line-height: 1.4em;
}

h2.ied-white-text-h2 {
  color: #d9d9e4 !important;
 /* White Text for H2 */;
}

/*H3 styling*/

h3 {
  font-family: 'Yantramanav', sans-serif;
  font-size: 25px;
  color: #012fa7;
  line-height: 1.2em;
}

h3.ied-white-text-h3 {
  color: #d9d9e4 !important;
 /* White Text for H3 */;
}

 /*H4 styling*/

h4 {
  font-family: 'Yantramanav', sans-serif;
  font-size: 20px;
  color: #012fa7;
  line-height: 1.2em;
}

h4.ied-white-text {
  color: #d9d9e4 !important;
 /* White Text for H4 */;
}

 /*H5 styling*/

h5 {
  font-family: 'Yantramanav', sans-serif;
  font-size: 18px;
  color: #012fa7;
  line-height: 1.2em;
}

/*H6 styling*/

h6 {
  font-family: 'Yantramanav', sans-serif;
  font-size: 16px;
  color: #012fa7;
  line-height: 1.2em;
}

.ied-damion {
  font-family: 'Damion', cursive !important;
 /* Damion Header Font */
  font-size: 40px !important;
}

.ied-14px-font {
font-size: 14px !important;
}


/*========================= IED Mobile Heading Styles =========================*/
@media only screen and (max-width:767px) {
  h2 {
    font-size: 30px !important;
  }
}

 /*========================= Body Copy Styling =========================*/

p, ul, ol, body {
  font-family: 'BioRhyme', serif;
  font-size: 18px;
  font-weight: 300;
  color: #525451;
  letter-spacing: 1px;
}

/*========================= Link styling =========================*/

.ied-blue-links a {
  color: #525451 !important;
  text-decoration: underline;
}

.ied-purple-links a {
  color: #2601a7 !important;
  text-decoration: underline;
}

.ied-biogreen-links a {
  color: #24d7c8;
  text-decoration: none;
}


a {
  color: #24d7c8;
  text-decoration: none;
}


/*========================= Button styling =========================*/

.et_pb_button {
  font-family: 'Yantramanav', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  background: #ff6600;
  color: #ffffff;
}

.et_pb_button::hover {
  background: #ffffff;
  color: #ff6600;
}

/*========================= Shadow Styling =========================*/

.ied-shadows {
  -webkit-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.8);
  box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.8);
  z-index: 3 !important;
}

.ied-side-shadows {
  -webkit-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.8);
  box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.8);
  z-index: 3 !important;
}


/*========================= IED Stlyes =========================*/

/*--Hide stuff--*/

.hidden {
  display: none !important;
}

/* --- Force Font Brand Colors --- */

.ied-white-text h1, .ied-white-text h2, .ied-white-text h3, .ied-white-text p, .ied-white-text ol, .ied-white-text ul, .ied-white-text body {
  color: #d9d9e4 !important;
}

.ied-blue-text h1, .ied-blue-text h2, .ied-blue-text h3, .ied-blue-text p, .ied-blue-text ol, .ied-blue-text ul, .ied-blue-text body {
  color: #012fa7 !important;
}

.ied-purple-text h1, .ied-purple-text h2, .ied-purple-text p, .ied-purple-text ol, .ied-purple-text ul, .ied-purple-text body {
  color: #2601a7 !important;
}

 /*========================= IED Separators =========================*/
 /*------------------------------------------------*/
 /*------[White Big Invisible Triangle]------------*/
 /*------------------------------------------------*/

#et-main-area {
  overflow: hidden;
 /* Hides all the items that float over the right margin */;
}

.white-big-triangle:after,
 .white-big-triangle:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 50%;
  z-index: 100;
  border-bottom: 50px solid #ffffff;
  -moz-transform: rotate(0.000001deg);
  -webkit-transform: rotate(0.000001deg);
  -o-transform: rotate(0.000001deg);
  -ms-transform: rotate(0.000001deg);
  transform: rotate(0.000001deg);
}

.white-big-triangle:before {
  right: 50%;
  border-right: 1000px solid transparent;
  border-left: 1000px solid;
}

.white-big-triangle:after {
  left: 50%;
  border-left: 1000px solid transparent;
  border-right: 1000px solid;
}
 /*------------------------------------------------*/
 /*------[70% Blue Big Invisible Triangle]---------*/
 /*------------------------------------------------*/

#et-main-area {
  overflow: hidden;
  /* Hides all the items that float over the right margin */;
}

.blue-big-triangle:after,
 .blue-big-triangle:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 50%;
  z-index: 100;
  border-bottom: 50px solid rgba(41, 48, 74, 0.97);
  -moz-transform: rotate(0.000001deg);
  -webkit-transform: rotate(0.000001deg);
  -o-transform: rotate(0.000001deg);
  -ms-transform: rotate(0.000001deg);
  transform: rotate(0.000001deg);
}

.blue-big-triangle:before {
  right: 50%;
  border-right: 1000px solid transparent;
  border-left: 1000px solid;
}

.blue-big-triangle:after {
  left: 50%;
  border-left: 1000px solid transparent;
  border-right: 1000px solid;
}
 /*------------------------------------------------*/
 /*------[CA White Big Invisible Triangle]---------*/
 /*------------------------------------------------*/

#et-main-area {
  overflow: hidden;
 /* Hides all the items that float over the right margin */;
}

.ca-white-big-triangle:after,
 .ca-white-big-triangle:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 50%;
  z-index: 100;
  border-bottom: 50px solid #f7f6f6;
  -moz-transform: rotate(0.000001deg);
  -webkit-transform: rotate(0.000001deg);
  -o-transform: rotate(0.000001deg);
  -ms-transform: rotate(0.000001deg);
  transform: rotate(0.000001deg);
}

.ca-white-big-triangle:before {
  right: 50%;
  border-right: 1000px solid transparent;
  border-left: 1000px solid;
}

.ca-white-big-triangle:after {
  left: 50%;
  border-left: 1000px solid transparent;
  border-right: 1000px solid;
}
 /*------------------------------------------------*/
 /*------[transparent triangle sectional divider]---------*/
 /*------------------------------------------------*/

.triangle1::before,
 .triangle1::after {
  border-bottom: 235px solid !important;
}

.triangle:after,
 .triangle:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 20%;
  z-index: 100;
  -moz-transform: rotate(0.000001deg);
  -webkit-transform: rotate(0.000001deg);
  -o-transform: rotate(0.000001deg);
  -ms-transform: rotate(0.000001deg);
  transform: rotate(0.000001deg);
}

.triangle:before {
  right: 30%;
  border-right: 3000px solid transparent;
  border-left: 100px solid;
  color: #d9d9e4;
}

.triangle:after {
  left: 70%;
  border-left: 2000px solid transparent;
  border-right: 100px solid;
  color: #d9d9e4;
}

.triangle:after {
  left: 70%;
  border-left: 2000px solid transparent;
  border-right: 100px solid;
}

.white-section-divider-bottom img {
  margin-bottom: -1px;
     /* Place in the section below the transparent triangle sectional divider */;
}

/*========================= Login Page =========================*/
     .wp-core-ui .button-primary {
         color: #012fa7;
     }

/*========================= CA Header Customization =========================*/
/* Changing some of the (ish) main header text size */
.ied-ish {
font-size: 24px !important;
}



/*========================= Top Navigation Adjustments (Original) =========================

#main-header #logo {
max-height: 125px ;
min-height: 100px ;
padding-top: 0px ;
padding-bottom: 0px ;
}

@media only screen and (max-width: 981px){
#main-header #logo {
max-height: 75px ;
min-height: 50px ;
padding-top: 5px ;
padding-bottom: 5px ;
z-index: 999 !important;
	}
}
*/

#main-header #logo {
max-height: 75px ;
min-height: 50px ;
padding-top: 0px ;
padding-bottom: 0px ;
}


/*========================= Bottom Navigation Adjustments =========================*/

 /* adjust the padding of the bottom menu navigation bar */
    .ied-ca-footer { line-height: 0px; padding-top:14px;}
    .ied-ca-footer ui#menu-footer-menu {padding-top: 0px;padding-bottom: 10px;}

/* adjust the padding of the bottom menu navigation items */
    .ied-ca-footer {padding-top: 0px;}
    #menu-footer-menu li { padding-top: 20px; }
    #menu-footer-menu li li a, .fullwidth-menu li li a {padding: 0px 20px; line-height: normal;}

/* style the something-blue bottom cta button */
    .ied-something-blue {border-radius: 5px; height:50px;}
    .ied-something-blue a {color: #012fa7!important;}
    li.ied-something-blue {
        color:#d9d9e4 !important;
        background-color:#d9d9e4;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        padding-left:20px;
        padding-right:20px!important;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;}
    li.ied-something-blue:hover {background-color:#012fa7 !important;}
	li.ied-something-blue:hover a {color:#d9d9e4 !important;}




/*-----Example Media Queries for common breakpoints-----*/
/* smartphones, iPhone, portrait 480x320 phones */

@media only screen and (min-width:320px) {
  .selector {
    property: value;
  }
}
 /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */

@media only screen and (min-width:481px) {
  .selector {
    property: value;
  }
}
 /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */

@media only screen and (min-width:641px) {
  .selector {
    property: value;
  }
}
 /* tablet, landscape iPad, lo-res laptops ands desktops */

@media only screen and (min-width:961px) {
  .selector {
    property: value;
  }
}
 /* big landscape tablets, laptops, and desktops */

@media only screen and (min-width:1025px) {
  .selector {
    property: value;
  }
}
 /* hi-res laptops and desktops */

@media only screen and (min-width:1281px) {
  .selector {
    property: value;
  }
}