/*
Theme Name:  City Soccer Club
Theme URI:   https://ourcitysc.com
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site City Soccer Club.
Author:      City Soccer Club
Author URI:  https://ourcitysc.com
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/*-------General Page Spacing Rules--------*/
.home.et_boxed_layout #top-header, .home.et_boxed_layout #main-header, .home.et_boxed_layout #page-container {
width:100% !important;
max-width: 100% !important;
}

#main-content {
    padding: 0 0 40px 0;
}

.home #main-content {
    padding: 0;
}

.et_full_width_page {
    padding: 0 0 40px 0;
}

/*-----Mobile-page-width-fix------*/
@media (max-width: 980px) {
.et_boxed_layout div#page-container {
    width: 100%;
}

.et_fixed_nav.et_boxed_layout #page-container #main-header {
    width: 100%;
}

.container.clearfix.et_menu_container {
    width: 100% !important;
}
}

/** App Style header and Drop Down Menu **/
@media (max-width: 980px) {
 .container.et_menu_container { 
 width: calc( 100% - 60px)!important;
 }
}

.et_mobile_menu {
 margin-left: -30px;
 padding: 10%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: 270px;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
}

/*------Change Active Menu Item Colour by Divi Soup------*/
/*This will change the active menu items colour*/
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a,
.nav li ul .current-menu-item a {
    color: #ccc !important;
}

/*-------Search Bar Edit--------*/
.et_pb_menu .et_pb_menu__search-input {
	color:#00299b;
}

.et_pb_menu .et_pb_menu__search-container {
	background: #ffffff!important;
	width: 60% !important;
	top: 2px !important;
	left: 220px !important;
}

/*----------Mobile Logo----------*/
@media only screen and (max-width: 980px) {
#logo {
    height: 90% !important;
    max-height: 80% !important;
    width: auto;
    }
}

/*----------Footer Spacing----------*/
.footer-widget {
    padding-top: 20px;
}

/*----------Custom Back To Top Button----------*/
.et_pb_scroll_top.et-pb-icon {
    padding: 20px;
}

/*----------Tables Edits----------*/
table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th {
    max-width: 100px;
    padding: 0.3em 0.4em !important;
}

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    border-top: 0px solid #eee !important;
}

.entry-content table, body.et-pb-preview #main-content .container table {
    border: 0px solid #eee !important;
}

/*----------Remove Sidebar Line----------*/
#main-content .container:before {
width: 0;
}

/*----------Language Text Color----------*/
a.glink {
color:#ffffff!important;font-family:helvetica!important}

/*-------button spacing-----------*/
a.big-button, a.small-button, a.icon-button {
	margin-bottom: 30px !important;
}

/*-------hide contact form title-----------*/
.et_pb_contact_main_title { display: none; }