/**
* Theme Name: ASAS National
* Theme URI: https://wordpress.org/themes/twentyseventeen/
* Description: Child theme for ASAS National
* Author: Webline Designs
* Author URI: http://www.weblinedesigns.com
* Version: 0.1.0
*/

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%!important;
}

/* POPUP FORM */
h2.ph-heading {
    color: #000;
    text-align: center;
    font-size: 32px;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.pum-content .wForm {
    width: 85%;
    margin: 0 auto;
    padding: 20px 0;
}
.pum-content label {
    color: #000 !important;
    margin: 15px 0 10px;
    display: block;
    font-family: inherit;
    font-size: 15px;
}
.pum-content oneField :first-child label{margin-top: 0px;}
.pum-content br {
    display: none;
}
.pum-content input[type='text'] {
    width: 100%;
    padding: 12px 10px;
    font-family: inherit;
}
.pum-content input[type='submit'] {
    background: #00AEEF;
    color: #fff;
    border: none !important;
    margin: 20px 0 10px;
    float: right;
    padding: 12px 20px;
    text-transform: uppercase;
    font-family: inherit;
    width: 100%;
    cursor: pointer;
}
.pum-content input[type='submit']:hover{
    background: #FDB900;
}
/* END POPUP FORM */
body.page-id-6945 .bottom-arrow{
	display: none !important;
}

/* iFrame Scroll Fixing on iOS */
.employee-section .video-wrapper {
	/* height: 400px; */
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 0;
}
.employee-section .video-wrapper iframe,
.video-wrapper iframe {
	position:relative !important;
	height: 100%;
	z-index:5000 !important;
}
.bottom-arrow {
    bottom: 200px;
}

@media only screen and (max-width: 1366px){
	.bottom-arrow {
		bottom: 10px;
	}
}
@media only screen and (max-width: 1025px){
	.bottom-arrow {
		display:none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.asas-section-donation-form > .elementor-container{
		min-height: 900px !important;
	}
	.philadelohia-iframe > .elementor-container{
		min-height: 900px !important;
	}
	.philadelohia-iframe div {
		height: 1000px;
		z-index:5000;
	}
}

/*Footer*/
.footer-logos .sow-image-container {
    max-width: 50%;
    width: 50%;
}
.copyright-info {
    padding-right: 2em;
}
header#main-header {
    background: rgba(255,255,255,.6);
}
@media only screen and (min-width: 1000px){
	#open-nav-btn {
	    right: 225px;
	}
	#main-header .donate-link, #main-header .give-link {
       right: 122px;
	}
	header#main-header {
	    width: 29.5em;
	}
}