/*

Theme Name: The League
Theme URI: http://theleague.com
Author: Cecile Williams
Author URI: http://ceciledesignstudio.com
Version: 1.0.0
Template: x

*/
/* ------------ TYPOGRAPHY ------------- */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    margin: 15px 0 !important;
}
h1, .h1 {
  margin-top: 1em;
  font-size: 73px;
  line-height: 90%;
  text-transform: uppercase;
}
h3, .h3, .x-feature-box-title {
	font-family: "baskerville-urw",sans-serif !important;
	font-size: 28px;
	text-transform: none;
}
h3, .h3 {
	color: #545659 !important;
}
h3.small, .h3.small {
	font-size: 24px;
}
h4, .h4 {
  text-transform: uppercase;
}
highlight {
	color: #38DFD2;	
}
.dark h1, .dark h2, .dark h3 { color: white; }

@media (max-width: 767px) {
	h1, .h1 { font-size: 63px; }
}

/* ------------ ELEMENTS ------------- */

.x-btn, .button, input[type="submit"] {
  border-radius: 10px !important;
  font-size: 23px; 
  padding: 10px 50px;
}
input[type="submit"] {
  padding: 10px 20px;
}
.x-btn, .button, [type="submit"],
.x-btn:hover, .button:hover, [type="submit"]:hover {
  text-shadow: none !important;
}
.x-feature-box-text {
	font-size: 16px;
	line-height: 22px;
}
select, textarea, input[type="text"], input[type="password"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], 
input[type="week"], input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], input[type="tel"], 
input[type="color"], .uneditable-input {
	border-radius: 10px !important;
    border: 0;
    padding: 10px 20px !important;
    font-size: 20px !important;
    line-height: 30px !important;
    color: #9F9F9F;
    background-color: #F4F4F4;
}
.form-inline input {
	margin-right: 5px;
	margin-bottom: 0;
}

/* ------------ HEADER ------------- */

.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > li.x-active > a > span, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
	box-shadow: none !important;
}
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.x-navbar .desktop .x-nav > li > a > span {
	padding: 0 15px;
	border-right: 1px solid #868687;
}
.x-navbar .desktop .x-nav > li:last-child > a > span {
	border-right: none;
}
.x-navbar .mobile .x-nav li>a { border-radius: 5px; }

#mobile-text-link {
	line-height: 80px;
	margin-left: 20px;
	text-transform: uppercase;
}
.x-nav-wrap.mobile .menu-item-9,
.x-nav-wrap.mobile .menu-item-277 { display: none; }

@media (max-width: 979px) {
	.x-navbar-fixed-top { position: fixed !important; }
}

/* ------------ HOME ------------- */

.home #x-section-1 h1,
.home #x-section-1 h3 {
	text-shadow: 0px 0px 50px rgba(0, 0, 0, 1);
}
#are-you-in { position: relative; }
#are-you-in-close { 
	position: absolute; 
	top: 20px;
	right: 20px;
}

/* ------------ CONTENT ------------- */

.x-header-landmark {
    padding: 60px 0 0;
    border: none;
}
.h-landmark, .entry-title.h-landmark {
    font-size: 73px;
    letter-spacing: initial;
}

/* ------------ FORMS ------------- */

#form-desc-android { display: none; }

#form-desc-android p, #form-desc p { color: white; margin-bottom: 0 !important; }

#gform_wrapper_3 .gform_body { width: 200px; }

#gform_submit_button_3 {
    height: 53px;
    margin-top: 10px;
}
#gform_confirmation_message_3 {
    color: white;
    border: 1px solid white;
    border-radius: 10px;
    padding: 10px;
}
#gform_wrapper_3 .gform_heading {
    margin-bottom: 0;
    color: white;
}

/* ------------ BLOG ------------- */

h2.entry-title,
h1.entry-title {
    font-size: 285.7%;
	text-transform: uppercase;
}
.blog h2.entry-title:before,
.single h1.entry-title:before,
.blog .entry-header .p-meta > span:nth-child(1), .single .entry-header .p-meta > span:nth-child(1),
.blog .entry-header .p-meta > span:nth-child(2):after, .single .entry-header .p-meta > span:nth-child(2):after,
.blog .entry-header .p-meta > span:nth-child(3), .single .entry-header .p-meta > span:nth-child(3),
.blog .entry-header .p-meta > span:nth-child(4), .single .entry-header .p-meta > span:nth-child(4) {
    display: none;
}

.blog article.post .cs-content>.x-section>.x-container.width { width: 100%; }

.form-search .search-query, .form-search input[type="search"], .widget_product_search form .search-query, .widget_product_search form input[type="search"] { padding-left: 28px !important; }

.x-pagination span.current, .x-portfolio-filters-menu, .widget_tag_cloud .tagcloud a, .h-feature-headline span i, .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #59c4bf;
}
.x-pagination a, .x-pagination span {
  background-color: black;
}

/* ------------ TESTIMONIALS ------------- */

.testimonials img { 
    width: 100px;
    padding: 5px;
    border: 2px solid #25dbc9;
    margin-left: 40px;
    margin-bottom: 15px;
}
.testimonials blockquote {
    margin-top: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.5;
    position: relative;
    padding-left: 40px;
}
.testimonials blockquote:before {
    display: block;
    content: "\201C";
    position: absolute;
    left: 0;
    top: -20px;
    font-size: 65px;
    font-family: Georgia, serif;
}
.testimonials .x-cite:before {
    content: "";
}
/* ------------ ACCORDIONS ------------- */

.x-accordion-group {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #C6C6C6;
}
.x-accordion-group:last-child {
	border-bottom: none;
}
.x-accordion-heading .x-accordion-toggle:before { display: none; }

.x-accordion-heading .x-accordion-toggle { color: #33D1BE !important; }
.x-accordion-heading .x-accordion-toggle.collapsed { color: #0C0C0C !important; }

.x-accordion-heading {
	font-family: "baskerville-urw",sans-serif !important;
	font-size: 24px;
}
.x-accordion-heading .x-accordion-toggle {
    padding: 10px 0;
    font-size: 100%;
}
.x-accordion-heading .x-accordion-toggle,
.x-accordion-heading .x-accordion-toggle:hover {
    background-color: transparent;
}
.x-accordion-inner {
    padding: 0 0 15px 0;
	border: none;
}

/* ------------ FOOTER ------------- */

.x-colophon.top { 
	background-color: #1a1a1a; 
	padding-bottom: 0;
	text-align: center;
}
.x-colophon.top .x-container.max {
    max-width: none;
	width: 100%;
}
.x-colophon .widget {
	margin-top: 30px;
	padding: 0 40px;
    display: inline-block;
    vertical-align: middle;
	min-width: 300px;
}
.x-colophon .widget ul#menu-footer{
	border-bottom: 0;
	text-align: center;
}
.x-colophon .widget ul#menu-footer li {
    background-color: transparent;
	border: 0;
	display: inline-block;
	padding-right: 40px;
}
.x-colophon .widget ul#menu-footer li:last-child {
	padding-right: 0;
}
.x-colophon .widget ul#menu-footer li a { 
	color: #BFBFBF; 
	text-transform: uppercase; 
	font-size: 20px;
}
.x-colophon .widget ul#menu-footer li.current-menu-item a,
.x-colophon .widget ul#menu-footer li a:hover { color: #1ddfd2; }

.widget_nav_menu .current-menu-item>a:after { display: none; }

.widget#text-3 { text-align: center; }
.widget#text-3 img { 
	width: 40px; 
	display: inline-block; 
	margin: 0 7px;
}
.x-colophon.bottom {
    padding-top: 0;
    font-size: 14px;
}
.x-colophon.bottom a { color: #1ddfd2 !important; }

.widget#text-4 { display: block; }

.widget#text-4 .scroll-top {    
	padding: 4px 10px 3px;
    border: 1px solid #1ddfd2;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
}

@media (max-width: 767px) {	
	.home #x-section-1 {
		background-position: left center;
	}
	.form-inline input {
       margin-bottom: 10px;
	}
	.x-colophon.top {
		padding-top: 30px;
	}
	.x-colophon .widget {
		padding: 0;
	}
	.x-colophon .widget ul#menu-footer li {
		padding-right: 15px;
	}
	.x-colophon .widget ul#menu-footer li a { 
		font-size: 15px;
	}
}