/*
 Theme Name:   AmpedPress
 Theme URI:    https://www.ampedvisibility.com/
 Description:  Custom Version of the GeneratePress Theme developed by Amped Visibility
 Author:       Joshua Young
 Author URI:   https://www.ampedvisibility.com/
 Template:     generatepress
 Version:      0.1
*/

.innerheight > .gb-inside-container, .innerheight > .gb-inside-container figure{
	height:100%;
}
.col-list{
    display: grid;
    margin: 10px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	list-style-position: inside;
}
.menu-item .description {
    display: block;
    line-height: initial;
	font-size:0.8em;
	font-weight:normal;
}
/*Tablet-Desktop Tweaks*/
@media (min-width:768px){
	.menu-item-has-children .dropdown-menu-toggle{
		display:none;
	}
	.main-navigation .main-nav ul li a, .main-navigation .main-nav ul li.menu-item-has-children>a{
		padding-left:10px;
		padding-right:10px;
	}
}

/*Mobile Menu Icon*/
.toggled .icon-menu-bars svg:nth-child(1) {
	  display: block;
}

.icon-menu-bars svg {
	  font-size: 24px;
}

.line {
    fill: none;
    stroke: currentcolor;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}

.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.mobile-menu-open .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.mobile-menu-open .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}

.mobile-menu-open .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

/*Mobile Menu Transition*/
@media (max-width: 768px) {
    .main-navigation .main-nav {
        max-height: 0;
        overflow: hidden;
        transition: max-height 500ms ease-out;

    }

    .main-navigation.toggled .main-nav {
        max-height: 1000px;
        transition: max-height 500ms ease-in;
    }

    .main-navigation .main-nav > ul {
        display: block !important;
    }

    .has-inline-mobile-toggle #site-navigation.toggled {
        margin-top: 0;
    }

    .main-navigation .menu-item-has-children .dropdown-menu-toggle {
        float: right;
    }

    .main-navigation .main-nav {
        flex-basis: 100%;
        order: 3;
    }
}
#mobile-header .main-nav > ul{
	height: calc(100vh - 60px);
    overflow: scroll;
}
.ul-col{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0px;
}
.ul-col-4 li{
	flex-basis:200px;
	margin:0% 5%;
}

/*Font Sizes*/
@media (max-width: 768px) {
    /* CSS in here for mobile only */
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
}
@media (min-width: 1025px) {
    h1{
	  	font-size: clamp(60px, calc(3.75rem + ((1vw - 10.25px) * 4.2105)), 80px);
	}
	h2 {
  		font-size: clamp(35px, calc(2.1875rem + ((1vw - 10.25px) * 3.1579)), 50px);
	}
}
