/*
 Theme Name: Divi Child
 Theme URI: http://www.finlandiavillage.ca
 Description: Finlandia Village Child Theme
 Author:  James Hawkins
 Author URI: https://www.reactiveweb.ca
 Template:       Divi
 Version:        1.0.0
 License:
 License URI:
 Tags:
 Text Domain: Finlandia
*/

/* Secondary Header BG Colour */

#et-secondary-nav li ul,
#top-header {
  background-color: #003580;
}

#top-header #et-secondary-nav a:hover {
  color: #ccc !important;
  text-decoration: none;
}

#et-secondary-menu {
  width: 80%;
  height: 30px !important;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  font-size: 15px;
  padding-top: 4px;
}

/* Font Resizer */

.text-resize {
  padding-right: 6px;
  font-size: 15px;
}

ul.ct-font-resizer li>a {
  display: inline-flex !important;
  flex-direction: row !important;
  justify-content: right !important;
  align-items: baseline !important;
}

ul.ct-font-resizer li>a:hover {
  color: #ccc !important;
  text-decoration: none;
}

ul.ct-font-resizer {
  padding-right: 30px;
}

/* Tranlation */

a.glink {
  text-decoration: none;
  padding-right: 10px !important;
}

a.glink:hover {
  color: #ccc !important;
  text-decoration: none;
}

a.glink span {
  margin-right: 3px;
  font-size: 15px;
}

.accessibility {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

a.accessibility:hover {
  color: #999 !important;
}

/* Not sure if this is needed */

#et-secondary-nav li:last-child {
  padding-right: 30px !important;
}

/* Top Header */

#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover {
  color: #3399ff !important;
  opacity: 1 !important;
}

/* Dontate CTA Button */

.menu-cta a {
  background-color: #3399FF;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 600;
  border: 1px solid #ccc !important;
  padding: 18px !important;
  border-radius: 50px;
  text-align: center;
}

.menu-cta a:hover {
  background-color: #f7f7f7;
  color: #3399FF !important;
  border: 1px solid #3399FF !important;
}

.et_header_style_left #et-top-navigation {
  padding-top: 18px;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
  padding-top: 5px;
}

.vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Sub menu drop down */

.nav li ul {
  width: 260px;
  padding: 0px;
}

#top-menu li li a {
  width: 220px;
  padding: 5px 10px;
}

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

/* Overlapping Logo that Shrinks on Scroll */

#et-info {
  float: right;
}

.et_fixed_nav #top-header {
  position: fixed;
  z-index: 9998 !important;
}

#logo {
  max-height: 120px;
  margin-top: -20px;
}

.et-fixed-header #logo {
  max-height: 80px !important;
  margin-top: -30px;
}

@media only screen and (max-width: 980px) {
  #logo {
    max-height: 70px;
    margin-top: 0px;
  }
  #et-info {
    float: none;
  }
}

/* Default Links */

a:hover {
  color: #3399ff !important;
}

/* Caldera Forms Submit Button */

.caldera-grid input[type=submit] {
  padding: 10px 20px;
  border-radius: 50px;
  background: #3399ff;
  color: #fff;
  font-size: 20px;
  border: 1px solid #ccc;
  float: right;
  transition: all 0.3s ease-in-out;
}

/* Caldera Forms Submit Button Hover */

.caldera-grid input[type=submit]:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: #3399ff;
  color: #3399ff;
}

/* Divi Blurb Module Hover */

.blurb-4,
.blurb-4 .et-pb-icon,
.blurb-4 h4 {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

.blurb-4:hover {
  background-color: #f4f4f4;
}

.blurb-4:hover .et-pb-icon,
.blurb-4:hover h4 {
  color: #3399ff !important;
}

/* Team Member Photos */

.et_pb_team_member .et_pb_team_member_image {
  width: 150px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block
}

.et_pb_team_member {
  text-align: center;
}

/* Footer */

.footer-title {
  color: #3399ff;
  font-size: 20px;
}

#footer-info {
  width: 100%;
  margin: 0 auto;
  text-align: center !important;
}

.et_monarch .et_social_networks {
  width: 60%;
  display: block;
  padding-bottom: 20px;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
}

#monarchwidget-2 .widget_monarchwidget {
  width: 100% !important;
  float: none !important;
  text-align: center;
  margin-top: 10px;
}

.single-post #main-content #left-area {
  margin-top: -100px;
  width: 75%;
}

/* Sidebar Settings */

.single #sidebar {
  background: transparent;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  width: 25%;
  font-size: 14px !important;
}

.sidebar ol li,
.sidebar ul li {
  font-size: 14px !important;
}

/* Remove Sidebar Border */

.container::before {
  display: none;
}

/* Post Title & Post Meta */

.single h1.entry-title,
.attachment h1.entry-title,
.single p.post-meta {
  width: 100%;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
}

.custom-blog .et_pb_post a.more-link {
  color: #ffffff;
  text-transform: capitalize;
  background: #3399ff;
  float: right;
  border: solid 1px;
  border-radius: 50px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
  transition: 0.1s ease-out;
}

.custom-blog .et_pb_post a.more-link:hover {
  color: #3399ff;
  background: transparent;
  border: solid 1px;
  border-radius: 50px;
}

@media only screen and (max-width: 981px) {
  .footer-widget {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}

/* Menu CTA Button Mobile Settings */

@media only screen and (max-width: 981px) {
  .menu-cta a {
    background-color: #3399FF;
  }
}

/* Mobile Footer */

@media only screen and (min-width: 981px) {
  #footer-bottom .et-social-icons {
    margin-bottom: -28px;
  }
}

@media only screen and (max-width: 981px) {
  #footer-widgets .footer-widget li:before {
    display: none !important;
  }
  html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
    line-height: 26px;
    padding-left: 0px;
  }
  .et_monarch .et_social_networks li a {
    line-height: 26px !important;
  }
}