/*!
Theme Name: Eyelash Extensions College
Theme URI: 
Description: Custom theme based off GeneratePress
Author: <a href="https://tomusborne.com">Thomas Usborne</a>
Author URI: 
Template: generatepress
Version: 1.3.34
*/
/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Mon, 26 Feb 2018 02:39:38 +0000 */
/* The plugin now uses the recommended approach for loading the css files.*/
/* Additional styles for mobile */
nav#mobile-header.main-navigation, nav#mobile-header .main-navigation ul ul { background-color: #E4F3FF; height: 60px; }

button.menu-toggle:hover { color: #005b9e; }

@media screen and (max-width: 768px) { #primary-menu { background-color: #e4f3ff; padding-top: 60px; }
  #primary-menu li a, #primary-menu li a:active { color: #005b9e; }
  #primary-menu li a:hover, #primary-menu li a:active:hover { color: #fff; }
  #primary-menu li li a { color: #fff; }
  #primary-menu .current-menu-item a { color: #fff; font-weight: bold; }
  .mobile-bar-items { color: #005b9e; font-size: 1.5em; padding-top: 0.35em; }
  .mobile-bar-items:hover, .mobile-bar-items:active { color: #38abff; }
  .menu-toggle { color: #005b9e; font-size: 1.5em; padding-top: 0.35em; }
  .menu-toggle .mobile-menu { display: none; }
  .menu-toggle .mobile-menu:hover, .menu-toggle .mobile-menu:active { color: #005b9e !important; }
  .fa-search { font-size: 1.5em !important; color: #005b9e; }
  .search-form { height: 50px; }
  .search-form input { font-size: 1.5em; line-height: 2em; } }

/* - - - - - Desktop Menu alterations - - - - - */
#primary-menu li.search-item a i { font-size: 1.5rem; }

.mobile-header-navigation .mobile-header-logo img { height: 60px; }

.menu-toggle { padding-left: 0; padding-right: 0; }

.table-x-overflow { overflow-x: auto; }

.site-content .table-box { font-size: 0; padding-bottom: 1em; }

.site-content .table-box table { font-size: 1rem; width: 16.6% !important; display: inline-block; vertical-align: top; border: none; }

.site-content .table-box table tr td { padding: 0.8em; border: none; }

.site-content .table-box table tr:first-child td { border-left-width: 1px; border-top-width: 1px; }

.site-content .table-box table tr:nth-child(3) { font-size: 14px; }

@media screen and (max-width: 1000px) { .entry-content .table-box table { width: 24.8% !important; } }

@media screen and (max-width: 800px) { .entry-content .table-box table { width: 33.2% !important; } }

@media screen and (max-width: 600px) { .entry-content .table-box table { width: 49.5% !important; } }

@media screen and (max-width: 400px) { .entry-content .table-box table { width: 99.5% !important; } }

/* - - - - - CONTACT FORM - - - - - */
.responsive-form div.field { display: block; padding-bottom: 1em; border-bottom: solid 1px #eee; padding-top: 1em; }

.responsive-form div.field label { display: inline-block; width: 175px; }

.responsive-form div.field .wpcf7-text, .responsive-form div.field .wpcf7-tel, .responsive-form div.field .wpcf7-textarea { width: 400px; max-width: 100% !important; min-width: 200px; }

.responsive-form div.field .wpcf7-form-control-wrap { display: inline-block; }

@media screen and (max-width: 500px) { .responsive-form div.field label { display: block; width: 100% !important; padding-bottom: 0.5em; }
  .responsive-form div.field .wpcf7-text, .responsive-form div.field .wpcf7-tel, .responsive-form div.field .wpcf7-textarea { display: block; max-width: 100% !important; min-width: 200px; width: 100% !important; }
  .responsive-form .empty { display: none; } }