/*
 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
*/


/*=====================================================================
TYPOGRAPHY
======================================================================*/



/*=====================================================================
HEADER / NAV STYLES
======================================================================*/

.gp-icon svg {
    height: 1em;
    width: 1em;
    top: 0.125em;
    position: relative;
    color: #2ec7c7;
    fill: currentColor;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
.site-logo {
    display: inline-block;
    max-width: 60%;
	}
}

@media only screen and (max-width: 340px) {
	#mobile-header .site-logo.mobile-header-logo img{
		width:auto;
		max-width:180px!important;
		height:auto;
	}
}


/*=====================================================================
HEADER
======================================================================*/

.main-navigation .main-nav ul li.nav-button a {
    background-color: #2EC7C7;
    border: 0 solid #000;
    border-radius: 0px;
    color: #fff;
    margin-right: 15px;
	 margin-left: 15px;
    line-height: 35px;
	padding: 10px 25px;
}

.main-navigation .main-nav ul li.nav-button a:hover {
	background-color: #15AEAE;
	color: #fff;
}

/* SUB MENU */
.main-navigation .main-nav ul ul.sub-menu li a{
	padding:15px 20px;
	border-color: rgba(0,0,0,0.1);
	border-width:1px 1px 0 1px;
	border-style:solid;
}

.main-navigation .main-nav ul ul.sub-menu li:last-child a{
	border-bottom-width:1px;
}

/* MOBILE HEADER */
#mobile-header{
	border-bottom:1px solid rgba(0,0,0,0.1)!important;
}

#mobile-header .site-logo.mobile-header-logo img{
	width:auto;
	max-width:230px;
	height:auto;
}

/* OFF CANVAS */
/*nav#generate-slideout-menu.main-navigation.offside {
    width: 100%;
}*/
#generate-slideout-menu .inside-navigation.grid-container.grid-parent {
    text-align: left;
    align-items: flex-start;
}

#generate-slideout-menu.do-overlay .slideout-menu li {
    text-align: left;
}

.slideout-navigation.main-navigation .main-nav ul li a{
	padding-left:0!important;
	padding-right:0!important;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.slideout-navigation.main-navigation .main-nav ul li:nth-last-child(2) a{
	border-bottom:0;
}

.slideout-navigation.main-navigation .main-nav ul ul.sub-menu li a{
	border:0;
}

.slideout-navigation.main-navigation .main-nav ul li.nav-button a{
	margin-left:0;
	margin-right:0;
	padding-left:32px;
	padding-right:32px;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	color:#fff;
	border-bottom:0;
}

body .slideout-navigation button.slideout-exit{
	padding-left:0;
	padding-right:0;
	padding-top:0;
	margin-left:auto;
}

body .slideout-navigation.do-overlay .inside-navigation{
	padding:8% 10% 0;
}

body #generate-slideout-menu.do-overlay .slideout-menu li, body .slideout-navigation.do-overlay .inside-navigation{
	text-align:left;
}

/*=====================================================================
FORMS
======================================================================*/

.gform_wrapper.gravity-theme .gfield_label{
	letter-spacing:0.8px;
}

body #gform_wrapper_3 .gform_body .gform_fields .gfield textarea, body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type="text"], body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type="email"], body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type="tel"], body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type="url"], body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type="password"], body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type="number"], body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type="text"], body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type="email"], body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type="tel"], body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type="url"], body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type="password"], body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type="number"], body #gform_wrapper_4 .gform_body .gform_fields .gfield textarea{
	border-color:#b3b3b3!important;
}
