/**
 * Theme Name: Exchange Club
 * Description: Exchange Club Theme by Wave Interactive
Requires at least: 5.8
Version: 0.2


*/

.ec-logo img{
   width: 200px;
   padding-right: 30px;
}


.ec-logo,
footer {
	width: 100%;
	padding-left: 1%;
	padding-top: 1%;
	margin-bottom: 8px;
	background-color: #39499c;
	border: 1px solid #39499c;
}

.inner {
	display: flex;
	width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.inner h1 {
	font-size: 2em;
    margin: .67em 0;
}


.menu-header-menu-container {
	padding: 5px 6%;
}

.menu {
	display: flex;
    list-style: none;
    text-transform: uppercase;

}

.menu-item {
	padding: 15px 25px;
	font-family: "century-gothic", sans-serif;
	font-size: 16px;
    font-weight: 700;
}

.menu-item a{
	color: #FFFFFF;
	text-decoration: none;
}

.menu-item a:hover{
	text-decoration: underline;
}

#menu-item-16.menu-item {
	padding-right: 27px;
}

#menu-item-17.menu-item {
	padding: 15px 10px;
}

.ec-spacer {
	height: 262px !important;
}

.footer-inner {
	display: block;
	width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.footer-text {
	text-transform: uppercase;
	font-size: 12px;
	color: #FFFFFF;
	padding: 15px;
}

.menu-footer-menu-container {
	margin-left: -35px;
}

.footer-top-row {
	display: flex;
}

.footer-right{
    display: flex;
	justify-content: flex-end;
    /* flex-direction: column; */
}

.footer-social-icons{
    display: flex;
    align-items: flex-end;
    margin-right: 3px;
}

.footer-social-icon{
    padding: 10px;
    margin-right: 3px;
    margin-left: 3px;
}

body p{
	
	font-family: "pt-sans-pro", sans-serif;
	font-weight: 400;
	color: #231f20;
	font-size: 20px;
	line-height: 31.06px;

}

h1, h2, h3, h4, h5, h6 {
	font-family: "century-gothic", sans-serif;
}

body > header > h1 > a {
  color: #ffffff;
  font-weight: 400;
}

article > header {
}

footer {
 /* margin-top: 4px;*/
}

a {
  text-decoration: none;
}

/* 'Margin: 0 auto' centers block content on the page */
.wrap {
  width: 99%;
  margin: 0 auto;
  min-height: 560px;
}

.content-area {
  display: inline-block;
}

.content-full-width {
    width: 100%;
}

.content-area,
.primary-sidebar {
  display: inline-block;
}

.content-area a {
	font-weight: 700;
}

.content-area a:hover {
	color: #39499C;
}

/*.primary-sidebar {
  width: 25%;
  padding: 1%;
  vertical-align: top;
  background-color: #ececec;
}
*/
.article-loop {
    width: 45%;
    text-align: left;
    margin: 5px;
    padding: 10px;
}

.article-full img {
    border-radius: 7px !important;
}

.article-loop,
.article-full {
    /* display: inline-block; */
    vertical-align: top;
    background-color: #FFF;
    border-radius: 0px;
    margin-bottom: 0px;
    margin-left: 5%;
    margin-right: 5%;
}

.wp-block-cover {
    margin-top: 15px;
}

.wp-block-cover.alignfull {
    left: -7%;
    min-width: 114%;
	margin-top: -15px;
}

.wp-block-cover.alignfull img{
    border-radius: 0px !important
}

.wp-element-button {
		font-family: "century-gothic", sans-serif;
}

/* Blue Button Hover */
.wp-element-button.has-ec-color-1-background-color.has-text-color:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	background-color: #FFFFFF !important;
	color: #384A9B !important;
	border: 2px solid #384A9B;	
}
/* Red Button Hover */
.wp-element-button.has-ec-color-6-background-color.has-text-color:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	background-color: #FFFFFF !important;
	color: #A71616 !important;
	border: 2px solid #A71616;	
}

hr {
    border-top: 6px solid #BD9B60;
}

ul li{
    margin-bottom: 12px;
}

li::marker {
    color: #384A9B;
	font-size: 24px;
}

/* home page block column images center*/
.wp-block-column.hpcircle{
    text-align: center;
}

.full-width-background {
	margin-left: -120px;
	margin-right: -120px;
	padding-left: 100px;
	padding-right: 100px;
}

/* Block CSS Overrides */

.wp-block-image.aligncenter {
    display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 959px){
.wp-block-cover.alignfull {
    left: -6%;:
    min-width: 112%;
}
}

/* Menu CSS */
.menu-mobile-menu-container {
	display: none;
}

@media screen and (min-width: 799px) {
	#mobile-nav.ui-content {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.menu-mobile-menu-container {
		display: block;
		background-color: #82A9BD;
	}

    #menu-mobile-menu.menu {
        display: block;
        margin-top: 28px;
        background-color: #39499C;
        position: absolute;
        z-index: 9;
        margin-left: -150px;
		width: 220px;
    }
	
	.menu-header-menu-container {
		display: none;
	}

    #mobile-nav {
        position: relative;
        top: 20px;
        left: 110px;
    }
	
	.gform_wrapper {
		margin: 10px !important;
	}
	
	.menu {
		flex-wrap: wrap;
	}
	
	.full-width-background {
        margin-left: -25px;
        margin-right: -30px;
        padding-left: 25px;
        padding-right: 25px;
	}
	
	.column-right-image-stack-on-top {
		display: flex;
		flex-direction: column-reverse;
	}	
	
	.ec-logo img{
		padding-right: 0px;
	}

}





    /* New slide out menu css*/

#toggle {
    width: 100px;
    height: 10px;
    background: #39499C;
}

.memicon::before {
    content: '';
    background: url('/wp-content/themes/exchange.club/assets/images/member.svg') top left no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    float:left;
    position: relative;
    top: 3px;
}


/* Gravity Forms Style Overrides */
.gfield_label.gform-field-label  {
    font-weight: 700 !important;
	font-family: "pt-sans-pro", sans-serif !important;
}

.gform-theme--foundation .gform_fields {
	grid-row-gap: 20px !important;
} 

.gform_wrapper {
	margin: 100px;
}

.gform_wrapper .gfield input.large, .gform_wrapper .gfield select.small {
	border-width: 3px !important;
}

.gform_wrapper .gfield input.large, .gform_wrapper .gfield select.medium {
	border-width: 3px !important;
}

.gform_wrapper .gfield input.large, .gform_wrapper .gfield select.large {
	border-width: 3px !important;
}

.gform-theme--foundation .gfield textarea.medium {
    border-width: 3px;
}

.gform_wrapper .gform_body .gform_fields .gfield select {
	font-weight: 700;
}

.gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible {
	border-width: 3px !important;
}	

.gform_title {
	color: #39499C;
	font-weight: 700;
}
/* aligns 1st and third fields on Form 1 */
#field_1_3 {
    padding-top: 28px;
}

