/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@media (max-width: 768px) {
    .top-bar {
        display: none;
    }
}

@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: auto;
        
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: 500;
		    font-family: Roboto!important;
        text-transform: uppercase;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: middle!important;
        min-height: 90px;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
        min-height: 90px;
        vertical-align: middle!important;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
        min-height: 90px;
        vertical-align: middle!important;
    }
	
	nav .main-nav .mega-menu.mega-menu-col-4>ul>li {
        width: 25%;
        min-height: 90px;
        vertical-align: middle!important;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
        min-height: 90px;
        vertical-align: middle!important;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: #ededed !important;
        color: inherit;
        min-height: 90px;
        vertical-align: middle!important;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        min-height: 90px;
        vertical-align: middle!important;
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}

h1.boxed1{padding: 40px; margin: 5px; background: rgba(247,247,247,0.83)}

h2.woocommerce-loop-product__title {
    text-align: center!important;
    padding: 10px 20px 10px 20px!important;
    background: #ededed;
    color: #000;
    min-height: 80px;
}

a.woocommerce-loop-product__link {
    border: 1px #ededed solid!important;
}

div.figure1 {
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}

h2.yikes-custom-woo-tab-title {
    display: none;
}

.wc-tabs-wrapper {
  margin-top: 20px;
}

li.description_tab {
  text-transform: uppercase;
}


@media (max-width: 300px) {
  .top-bckg {
    background: rgba(0,0,0,.50)!important;
  }
}
@media (min-width: 301px) and (max-width: 600px) {
  .top-bckg {
    background: rgba(0,0,0,.50)!important;
  }
}
@media (min-width: 601px) and (max-width: 768px) {
  .top-bckg {
    background: rgba(0,0,0,0.00)!important;
  }
}
@media (min-width: 769px) {
  .top-bckg {
    background: rgba(0,0,0,0.00)!important;
  }
}


 .top-bckg-hn {
    background: rgba(255,255,255,.80)!important;
    padding: 20px!important;
  }

.top-ttl {
    font-size: 2.8em; color: #ffffff; font-family: 'Roboto Slab', serif!important; line-height: 1.2em;
  }

.top-ttlcharc {
    font-size: 2.4em; color: #ffffff; font-family: 'Roboto Slab', serif!important; line-height: 1.2em;
  }

 .top-txt {
    font-size: 1.2em; color: #ffffff; font-family: 'Roboto', san-serif!important;
  }

.top-ttl-b {
    font-size: 2.8em; color: #000000; font-family: 'Roboto Slab', serif!important; line-height: 1.2em;
  }

 .top-txt-b {
    font-size: 1.2em; color: #000000; font-family: 'Roboto', san-serif!important;
  }


 article.search-results {
    background: #ededed!important;
  }


H3.pt-cv-title a {color: #000!important;}

.equalcol-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
    border-spacing:20px;
}

.equalcol {
    display: table-cell; /* Make elements inside the container behave like table cells */
    width: 50%;
    padding: 15px;
    vertical-align: middle;
    border: 4px solid #cccccc;
    background: #ededed;
}

@media screen and (max-width: 769px) {
    .table, .equalcol-container {
        display: block;
    }
    .equalcol {
        display:inline-block;
        width: 100%;
    }
}

.main-navigation.slideout-navigation .main-nav ul ul li a {
    line-height: 18px;
    padding: 10px 10px 10px 30px;
}