/*
Theme Name: Athlete 3.8.5 Child
Theme URI: http://inwavethemes.com/wordpress/athlete
Template: athlete3.8.5
Author: inwavethemes
Author URI: http://inwavethemes.com
Description: Description
Tags: black,dark,light,fluid-layout,responsive-layout,post-formats,theme-options,flexible-header,custom-header,custom-background,custom-colors,left-sidebar,right-sidebar
Version: 3.8.5.child
Updated: 2023-03-29 15:49:11

*/
/*Remove whitespace between header and main content*/
.page-content{
    margin-top: 68px !important;
}

/*Prevent header from animating and revealing tiny white strip on scroll-down */
#header.reveal:not(.alt) {
    -webkit-animation: none; 
    animation: none;
}
.page-category #header.reveal:not(.alt) {
    -webkit-animation: none;
    animation: none;
}

/*Font size for headings on gallery pages*/
.envira-gallery-wrap, .envira-gallery-wrap *, .envira-tags-filter-list, .envira-tags-filter-list * {
	font-size: 20px !important;
}

@media (max-width: 769px) {
	/*Remove whitespace between header and main content on narrow screens, too*/
	.page-content{
    	margin-top: 0px !important;
	}
	.page-content {
	    padding-top: 0px !important;
	}
	/*Add padding left and right of paragraphs only on mobile devices*/
	p {
		padding-right: 15px;
    	padding-left: 15px;
	}
	h1 {
		padding-right: 15px;
    	padding-left: 15px;
	}
	h2 {
		padding-right: 15px;
    	padding-left: 15px;
	}
	h3 {
		padding-right: 15px;
    	padding-left: 15px;
	}
	h4 {
		padding-right: 15px;
    	padding-left: 15px;
	}
	.fa {
		padding-right: 15px;
    	padding-left: 15px;
	}
}

/*Override erroneous code from style.css:9769 preventing featured images scaling in Post Grid:
 *  background: none !important;*/
div.vc_gitem-zone {
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;}

/*Set text colour of Title and Data in Post Grid, using 'Homepage post' Grid Template*/
.postgrid_text {
	color: #fff;
}

/*Set text colour of Title and Data in Hoverbox, using 'Hover box'*/
.hoverbox_text {
	color: #fff;
}

/*Set text colour of Title and Data in Homepage textbox, using 'Text box'*/
.Homepage_textbox {
	color: #fff;
}
.Homepage_textbox2 {
	color: #fff;
	padding: 100px 80px 100px 80px;
}

/*timeslider slider background colour*/
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title{background: #0B1927 !important;}

/*timeslider text colour for inactive thumbnails */
.wpostahs-slider-design-1 .wpostahs-slider-nav-title .wpostahs-main-title {color: #0B1927  }

/*timeslider - Remove downward-pointing triangle under selected thumbnail */
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title::before {
    display: none;
}
.wpostahs-slider-design-1 .wpostahs-slider-nav-title.slick-current .wpostahs-main-title::after {
	display: none;
}

/*timeslider - hide navigation buttons behind header when scrolling down*/
.wpostahs-slick-slider button.slick-arrow {
	z-index: 99;
}

/*Navigation menu font colour when scrolling down a page*/
#header.reveal:not(.alt) .megamenu > ul > li > a, .boxing-page .megamenu ul > li > a, .header-container-2 .megamenu ul > li > a, .page-category .header-container .megamenu ul > li > a, .header-container-3 .megamenu ul > li > a {
    color: #ffffff !important;
}

/*Override 'Light theme' options for colour of Headings (H1, etc.)*/
.index-white .title-page, .index-white .about-top {
    color: #000000 !important;
}

/*Text on rear of VC flip-box - shrink line spacing to make all flip-boxes same height*/
.vc-hoverbox-block-inner {
	line-height: 14px;
}

/*Change style of Submit button for Contact form*/
.submit-button {
	color: #eeeeee;
	background: #0B1927 !important;
}

/*Chance placeholder text colour for input textboxes*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #777;
  opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #777;
}

/*Change image spacing on Gallery images to display entirety of images*/
/*.aigpl-img {
	object-fit: contain !important;
}*/

/*Change image scaling on Gallery images to keep whole image visible at all browser widths*/
.aigpl-design-1 .aigpl-img-wrp {
    height: 100%;
    width: 100%;
}

/*Hover Effects grid. Add whitespace between images on each line. Shrink width of images to compensate*/
@media (min-width: 992px) {
	.mg-col-md-4 {
	    width: 32% !important;
		margin-right: 10px !important;
	}
}

/*Hover Effects grid. Add whitespace between images on each line. Shrink width of images to compensate*/
@media (min-width: 768px) {
	.mg-col-sm-6 {
	    width: 48%;
		margin-right: 10px !important;
	}
}

@media (max-width: 769px) {
	/*On mobile screens, add whitespace margin on RHS*/
	/*.vc_row {
 	   margin-right: 15px !important;
	}*/
	/*On mobile screens, shrink margins and text size for 'tap to reveal' text on Hover Effects boxes*/
	.effect-hover.effect-honey:hover p, .effect-hover.effect-layla:hover h2, .effect-hover.effect-layla:hover p {
		font-size: 9pt !important;
		padding-left: 0px;
		padding-right: 0px;
	}
	/*Add a right-margin on mobile devices for Hover Effects blocks*/
	.effect-hover {
		margin: 0 30px 30px 0;
	}
}

/*Make Google reCaptcha v3 box less intrusive*/
/*.grecaptcha-badge {
	transform: scale(0.7);
}*/

/*Split radio buttons onto separate lines*/
span.wpcf7-list-item {
    display: block;
}

/*Remove image title from single image gallery view*/
.mfp-title {
	display: none;
}


/*Modify presentation of a single Post.
 * Remove header image & grey text background
 * Change font size of Post title & text to be points, rather than pixels*/
.page-heading {
    background: none;
	margin-top: 0px;
}
.blog-item, .blog-author, .related-post {
    background: none !important;
}
.page-heading {
    height: 30px !important;
}
.blog-title h3 {
	font-size: 24pt;
}
.entry-content p {
	font-size: 12pt;
}

/*Allow thslider images to scale beyond maximum size, both horizontally & vertically*/
.wpostahs-slider-design-1 .wpostahs-slider-nav-title .wpostahs-main-title img {
    width: 100%;
}

/*Make the logo (slightly) larger for the narcissist team boss*/
@media (min-width: 992px) {
	.logo {
    	width: 25% !important;
	}
}
@media (min-width: 768px){
	.logo {
 	   line-height: 100px;
	}
}

/*Change Agile Slider image dimensions to always display whole image, rather than restricting height*/
.aigpl-design-9 .aigpl-img-wrp {
    height: 100%;
}

/*Remove blue selected outline from images in Agile Slider*/
.wpostahs-slider-nav-title:focus {
	outline: none;
}

/*Change font size of Post excerpts when they are formatted using WPBakery*/
.vc_gitem-post-data-source-post_excerpt {
	font-size: 12pt;
}