/*************************************************
Theme Name: divi child theme example
Template: divi
Version: 1.2
Notes: When creating a new theme, delete all compiles CSS and CSS.MAP files.
       Only use style.css and style.css.map in the root of the child theme.
       You must install Options by FMG, to get a child theme to run with divi.
*************************************************/
/* Typekit - Flash Of Unstyled Text - Fix */
.wf-loading {
  /* styles to use when web fonts are loading */
  display: none;
  visibility: visible; }

.wf-active {
  /* styles to use when web fonts are active */
  display: block;
  visibility: hidden; }

.wf-inactive {
  /* styles to use when web fonts are inactive */
  visibility: hidden; }

/* Global Colours - stick you primary 5 colours here */
/* Global Fonts - load your chosen fonts in here */
/* Display None Class - set class to "hide" to hide the object */
.hide {
  display: none; }

/* Global Box Sizing Parameters, flex-box, box-shadow, transitions, border-radius, align & justify */
/*************************************************
Set Typography Styling in here, 
You can call the h1 value to display its class, or
place a value and set its class a style.
*************************************************/
.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

/* START of THEME CSS */
* {
  font-family: 'Rubik', sans-serif; }

.hamburger {
  padding-top: 4px !important; }

header#main-header {
  top: 0 !important;
  height: 90px; }
  header#main-header .et_menu_container {
    min-height: 90px; }
    header#main-header .et_menu_container .logo_container {
      padding-top: 10px;
      text-align: left; }
      header#main-header .et_menu_container .logo_container a:before, header#main-header .et_menu_container .logo_container a:after {
        font-size: 30px;
        display: inline-block;
        font-family: 'Indie Flower', cursive;
        font-weight: 600;
        letter-spacing: 1px; }
      header#main-header .et_menu_container .logo_container a:before {
        content: 'Planet';
        color: #55acee; }
      header#main-header .et_menu_container .logo_container a:after {
        content: 'Steve and Katie';
        margin-left: 3px;
        color: #999; }
      header#main-header .et_menu_container .logo_container a img {
        display: none; }
      header#main-header .et_menu_container .logo_container img#logo {
        min-height: 60px;
        object-fit: contain; }
    header#main-header .et_menu_container #et-top-navigation #top-menu-nav {
      display: block; }
    header#main-header .et_menu_container #et-top-navigation #et_top_search {
      display: none !important; }
    header#main-header .et_menu_container #et-top-navigation {
      padding-top: 36px !important; }
      header#main-header .et_menu_container #et-top-navigation #top-menu-nav ul li a {
        padding-bottom: 40px;
        color: #999; }
      header#main-header .et_menu_container #et-top-navigation #top-menu-nav ul li:hover a {
        color: #55acee; }
      header#main-header .et_menu_container #et-top-navigation #top-menu-nav ul li .sub-menu {
        border-width: 0px !important; }
        header#main-header .et_menu_container #et-top-navigation #top-menu-nav ul li .sub-menu li a {
          padding-bottom: 8px;
          color: #999; }

.mobile-nav-button {
  margin-top: -4px !important; }

#footer-bottom {
  padding: 15px 0 15px; }

#page-container {
  padding-top: 63px !important; }

.custom-mobile-menu {
  border-left: 1px solid #ddd;
  top: 0;
  margin-top: 0; }

.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
  padding-top: 36px !important; }

.footer-green {
  position: absolute;
  top: 0;
  right: 0; }
  .footer-green a {
    color: #4c4; }
    .footer-green a:hover {
      color: #666; }

@media screen and (max-width: 768px) {
  .footer-green {
    display: none; } }
#c-hp-blog article.et_pb_post {
  background-color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  #c-hp-blog article.et_pb_post:hover p.post-meta, #c-hp-blog article.et_pb_post:hover p.post-meta span, #c-hp-blog article.et_pb_post:hover p.post-meta span a, #c-hp-blog article.et_pb_post:hover p.post-meta a, #c-hp-blog article.et_pb_post:hover h2.entry-title a {
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  #c-hp-blog article.et_pb_post h2.entry-title {
    margin-top: 19px;
    font-size: 18px;
    min-height: 68px; }
    #c-hp-blog article.et_pb_post h2.entry-title a {
      line-height: 23px; }
  #c-hp-blog article.et_pb_post .post-content {
    display: none; }
#c-hp-blog .column {
  /* Column - 1 */
  /* Column - 2 */
  /* Column - 3 */ }
  #c-hp-blog .column:nth-child(1) article:nth-child(1):hover {
    background-color: #219fda; }
  #c-hp-blog .column:nth-child(1) article:nth-child(2):hover {
    background-color: #6d68af; }
  #c-hp-blog .column:nth-child(1) article:nth-child(3):hover {
    background-color: #00b9c1; }
  #c-hp-blog .column:nth-child(1) article:nth-child(4):hover {
    background-color: #faa61a; }
  #c-hp-blog .column:nth-child(1) article:nth-child(5):hover {
    background-color: #00b9c1; }
  #c-hp-blog .column:nth-child(1) article:nth-child(6):hover {
    background-color: #f05246; }
  #c-hp-blog .column:nth-child(1) article:nth-child(7):hover {
    background-color: #f7a6ad; }
  #c-hp-blog .column:nth-child(1) article:nth-child(8):hover {
    background-color: #f05246; }
  #c-hp-blog .column:nth-child(1) article:nth-child(9):hover {
    background-color: #00b9c1; }
  #c-hp-blog .column:nth-child(2) article:nth-child(1):hover {
    background-color: #faa61a; }
  #c-hp-blog .column:nth-child(2) article:nth-child(2):hover {
    background-color: #00b9c1; }
  #c-hp-blog .column:nth-child(2) article:nth-child(3):hover {
    background-color: #219fda; }
  #c-hp-blog .column:nth-child(2) article:nth-child(4):hover {
    background-color: #f05246; }
  #c-hp-blog .column:nth-child(2) article:nth-child(5):hover {
    background-color: #219fda; }
  #c-hp-blog .column:nth-child(2) article:nth-child(6):hover {
    background-color: #faa61a; }
  #c-hp-blog .column:nth-child(3) article:nth-child(1):hover {
    background-color: #f7a6ad; }
  #c-hp-blog .column:nth-child(3) article:nth-child(2):hover {
    background-color: #f05246; }
  #c-hp-blog .column:nth-child(3) article:nth-child(3):hover {
    background-color: #6d68af; }
  #c-hp-blog .column:nth-child(3) article:nth-child(1):hover {
    background-color: #f7a6ad; }
  #c-hp-blog .column:nth-child(3) article:nth-child(2):hover {
    background-color: #f05246; }
  #c-hp-blog .column:nth-child(3) article:nth-child(3):hover {
    background-color: #6d68af; }

/* END of THEME CSS */
@media screen and (max-width: 520px) {
  .et_pb_row {
    padding: 20px 0 0px 0; }

  #c-hp-blog article.et_pb_post h2.entry-title a {
    font-size: 14px; }

  p.post-meta {
    font-size: 12px; }

  .et_post_meta_wrapper h1 {
    font-size: 20px; }

  #et-main-area #main-content .container {
    width: 92%; }

  header#main-header .et_menu_container .logo_container a:before, header#main-header .et_menu_container .logo_container a:after {
    font-size: 18px; } }
@media screen and (max-width: 360px) {
  header#main-header .et_menu_container .logo_container a:before, header#main-header .et_menu_container .logo_container a:after {
    font-size: 14px; } }
.custom-mobile-menu.custom-mobile-menu-left {
  margin-top: 0px;
  overflow-y: scroll; }
  .custom-mobile-menu.custom-mobile-menu-left #top-menu-nav #top-menu li a {
    font-size: 16px;
    line-height: 6px; }
  .custom-mobile-menu.custom-mobile-menu-left #top-menu-nav #top-menu li ul.sub-menu {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    border-top: 0px solid !important;
    padding-top: 0 !important;
    padding-bottom: 5px !important;
    box-shadow: none !important;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease; }

/*************************************************
Set button Styling in here, 
copy, and replace each for different style buttons.
*************************************************/
.button {
  background-color: #878787;
  padding-top: 13px;
  padding-left: 25px;
  padding-bottom: 13px;
  padding-right: 25px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  height: 50px;
  transition: color 0.7s ease; }
  .button:hover {
    background-color: #f07e31;
    transition: color 0.7s ease; }

/*************************************************
Set resonpsive CSS Styling here.
*************************************************/

/*# sourceMappingURL=style.css.map */