/*
Theme Name:     TTS Distributions
Description:    Child theme for the PKD Skeleton Theme
Author:         Peter King Design
Author URI:     https://peterkingdesign.com
Template:       PKD
Version:        1.0
*/



/* =COLORS
-------------------------------------------------------------- 

BLUE	3b5875

GOLD default		C6AB66
GOLD MED (lg text)	A68E53
GOLD DARK (text)	87743E



3b5875	Blue
706868	Lt Gray	
474749 	Dk Gray

Green 52920a
Gray 58585b
Light Green c8d8b6
Purple 662d91
red f1592a



*/





/* =Global Typography
-------------------------------------------------------------- */
	
html { }

body {	
	font-size: 1em;  
	color: #231F20;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;

}


	
h1, h2, h3, h4, h5, h6, 
#side-menu .section-title
{  
	color: #58585b; 
}

	
a, a:link, a:visited,
.widget li a,
#home-columns .home-title,
.typography .archive-list:hover a h3,
#searchsubmit:active i.fa.fa-search {  color: #52920a; }


.typography .entry-title, .typography .page-title, .typography .section-title {  color: #58585b; }

#mainnav li:active > a , #mainnav ul ul :active > a,
#mainnav li:hover > a, #mainnav ul ul :hover > a,
#side-menu li:hover a, #side-menu li.current_page_item a,
a:hover,
#searchsubmit:hover i.fa.fa-search,
#footer1 .widget_nav_menu li a:hover
{  color: #662d91;  }


input, textarea,input[type=text], input[type=email], input[type=tel], select, input#s {  color: #333;  }


#hamburger:hover .layer  {background-color: #231F20;}
div.wpcf7-mail-sent-ok  {background-color: #5D072B !important; }




.category-title, 
#side-menu .section-title a,
#secondary .widget-title {  }



	

	
h1, h2, h3, h4, h5, h6,
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
	font-weight: 700;
}


.slideshow-title, #page-menu a, .typography .menu-solutions-container, 
.archive-item span, .post-type-archive-staff .staff-person, 
.typography .entry-title, .typography .page-title, 
.staff-vcard, .staff-cv-pdf,
#signup,
ul.slide-bullets,
.button,
#TopNav,
#menu-top-menu .fontawesome-text,
.quick-links,
.entry-date,
.widget-title, #secondary .widget-title, .widget ul, #secondary .widget ul,
#side-menu .section-title,
#Services-Swiper,
.testimonial-initials
 {
	 font-weight: 400;
	}
	
	
h1, h2, h3, h4, h5, h6,
.slideshow-title
{ font-family: 'Open Sans', sans-serif; }


input, textarea {
font-family: 'Open Sans', sans-serif;
}

/* Contact Form */
::-webkit-input-placeholder { color: #706868; font-size: .8em; text-transform: uppercase; letter-spacing: 1px;}
::-moz-placeholder { color: #706868;  } /* firefox 19+ */
:-ms-input-placeholder { color: #706868;  } /* ie */
:-moz-placeholder { color: #706868; }


::-moz-selection { background: #706868; } /* Code for FF */ 
::selection { background: #706868; }



/* =CUSTOM FONTS
-------------------------------------------------------------- 
*/



	


/* =Structure
-------------------------------------------------------------- */

body, html { }

body {
}

.site-width { max-width: 1200px; }
.site-width.skinny { max-width: 800px; }


#primary { 
	position: relative;
	margin:0;
	padding: 12vh 0;
	
}
.home #primary {padding-top:0;}


#colophon { background: #52920a; height: auto; color: #FFF; }

.site-width {
    max-width: 1100px;
}

p {text-align: justify;}

/* =Header
-------------------------------------------------------------- */


/*:root {
	--header-height: 112px;
}*/

#branding {background: #FFF; border-bottom: 1px solid #efefef; }

#branding .site-width-full {margin-right:0; width: 98%; }

.main-logo { width: 300px; height: 90px; }

/* =Sliders & Background
-------------------------------------------------------------- */

.slideshow-content {display: none;}


/* =Home Page
-------------------------------------------------------------- */

.home #banner { overflow: hidden; }

#Section-Home-Featured {}

#Section-Home-Featured img { 
	width: 100%; 
	height: auto; 
    padding: 1vw;
    box-sizing: border-box;
}

.section-header { text-align: center; }

#Section-Home-About .entry-content {font-size: 1.2em; }

.anchor { visibility: hidden; }

.down-arrow {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url("images/down-arrow.png");
	background-repeat: no-repeat;
	background-position:  50%;
	background-size: contain;
	
	position: absolute;
	z-index: 90;
	left: 50%;
	transform: translateX(-50%);
}

/* =Slideshow 
-------------------------------------------------------------- */

.slideshow .swiper-pagination-bullet {background: #52920a; border: 1px solid #FFFa;}


/* =Menu
-------------------------------------------------------------- */


#mainnav li a,
#mainnav li.current_page_item > a, #mainnav li.current_parent_item > a { color: #58585b; }

#mainnav li:hover > a { color: #52920a; }

.menu-phone {
	background: #EFEFEF;
	font-weight: bold;
}


#mainnav #responsive-menu { background: #52920a; }

#responsive-menu  .menu-phone { background: #555; }


/* =Top Menu
-------------------------------------------------------------- */


/* =Content
-------------------------------------------------------------- */

hr.wp-block-separator { 
    margin-bottom: 3em;
    border: none;
    border-top: 1px solid #ddd;
}

#post-58 .wp-block-columns {
	border-bottom: 1px solid #ddd;
    padding: 3em 0;
    margin: 0;
}


/* =Images
-------------------------------------------------------------- */



/* =Forms
-------------------------------------------------------------- */



/* =Comments
-------------------------------------------------------------- */



/* =Widgets
-------------------------------------------------------------- */



/* = Side Menu
-------------------------------------------------------------- */


/* = PKD Content
-------------------------------------------------------------- */

.typography .entry-title, 
.typography .page-title, 
.typography .section-title { 
	text-transform: uppercase;
}

.typography .section-title { 
	padding-bottom: 1.5em;
}

.button, .wp-block-button__link {
	background: #52920a;
	border-color: #52920a;
}

.typography a.button {
	color: #FFF;
}

 
/* =Video
-------------------------------------------------------------- */


/* =Footer 
-------------------------------------------------------------- */

.footer-columns {display: none; }

/* =Date Box 
-------------------------------------------------------------- */


/* =PAGE 
-------------------------------------------------------------- */	



	

/* =Portfolio Section
-------------------------------------------------------------- */




/* =Staff Section
-------------------------------------------------------------- */



/* =Services Section
-------------------------------------------------------------- */




/* =Blog Section
-------------------------------------------------------------- */







/* =Testimonials Section
-------------------------------------------------------------- */




/* =Properties Section
-------------------------------------------------------------- */




/* =Google Map
-------------------------------------------------------------- */





/* =SOCIAL MEDIA 
-------------------------------------------------------------- */



/* =Slide IN Elements (See JS too)
-------------------------------------------------------------- */




/* =Override
-------------------------------------------------------------- */




/* =Kadence Override
-------------------------------------------------------------- */





/* =Gravity Forms Override
-------------------------------------------------------------- */






/* = CSS VH HEIGHTS
-------------------------------------------------------------- */




/* =Responsive Actions
-------------------------------------------------------------- */



@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	
}


	
	
@media screen and (max-width: 1400px) {  
}


@media screen and (max-width: 1300px) {  
}

@media screen and (max-width: 1240px) {  
}


@media screen and (max-width: 1200px) { 
	
}


@media screen and (max-width: 1100px) { 

}



@media screen and (max-width: 959px) { 
	
	.main-logo { height: 60px; width: 250px;}


}



@media screen and (max-width: 781px) { 

	:where(.wp-block-columns.is-layout-flex) {gap:0}
	.typography .wp-block-column p {margin:0;}
}

@media screen and (max-width: 718px) { 

	#Section-Home-Featured img {
		padding: 0 5vw;
	}
	
}

@media screen and (max-width: 600px) { 

}




@media screen and (max-width: 414px) { 

	.main-logo {  width: 200px;}


}