/*
 Theme Name:     Pacesetter Media child of Pacesetter Site Theme
 Theme URI:      http://www.pacesettermedia.com
 Description:    Child Theme by Pacesetter Media
 Author:         Dave Loebig
 Author URI:     http://www.pacesettermedia.com
 Template:       pacesettersite
 Version:        1.0.0
 Site:           CollegeTennis.com, Dec 2016
*/



/* =Theme customization starts here
-------------------------------------------------------------- */
/**
 * 1.0 Reset
 *
 * ----------------------------------------------------------------------------
 */

body {
	color: #636363;
	line-height: 1.5;
	margin: 0;
	background-color: #EBEBEB;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Dosis', 'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: normal;
	color: #1B1B1B;
	/*
	"Terminal Dosis",'HelveticaNeue',lHelvetica Neue',Helvetica,Arial,sans-serif;
	line-height: 1.3;
	*/
}

h1 {
	font-size: 34px;
	margin: 0 0 24px 0;
}

h2 {
	font-size: 32px;
	margin: 20px 0;
}

h3 {
	font-size: 22px;
	margin: 18px 0;
	font-weight: bold;
}

h4 {
	font-size: 20px;
	margin: 18px 0;
}

h5 {
	font-size: 18px;
	margin: 16px 0;
}

h6 {
	font-size: 16px;
	margin: 16px 0;
}

/*
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.pss-site-header {
	padding-top: 12px;

	position: relative;
	background-color: transparent;
	font-family: ​Arial, sans-serif;
	border-bottom: 1px solid #000000;

}



.psm-header-socialmedia {
	position: absolute;
	max-width: 400px;
	z-index: 10;
	display: block;
	right: 10px;
	top: 10px;
	margin: 0px 5px;
	displayZZZ: none;
	visibilityZZZ: hidden;
}

.pss-site-header .pss-home-link img {
	width: 150px;
	 height: auto;
}
.psm-header-socialmedia img{
	margin: 0px 5px;
	opacity: .6;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
 .main-navigationXXX {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	position: static;
	min-height: initial;
	width: auto;
}

.pss-navbar {
	position: relative;
	right: none;
	max-width: 100%;
	width: 100%;
	max-height: 60px;
	padding: 0 20px;
	margin: 12px 0;

	display: inline-block;
	vertical-align: bottom;
	z-index: 30;
	background-color: transparent;
}

ul.nav-menu,
div.nav-menu > ul {
	float: none;
	right: none;

	margin: 0;
	padding: 0 0 0 0;
	list-style-position: outside;
	display: inline-block;
	font-size: 0;
	position: relative;

}

.nav-menu li {
	display: inline-block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nav-menu li a {
	color: #141412;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 5px 8px;
	text-decoration: none;
	border-left: 1px solid #A7A7A7;
}
.nav-menu li.first-menu-item  a {
	border-left: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #220e10;
	color: #fff;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	XXXcolor: #bc360a;
	font-style: italic;
}
.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #363636;
	border: 2px solid #f7f5e7;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
	}
ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #FFC000;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */
#mobilehometext {
	padding: 12px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #fff;
	background-color: hsla(0,0%,0%,0.69);
}
#mobilehometext h1 {
	line-height: 1;
	padding: 0;
	margin: 0;
	color:#FFFFFF; 
}



.site-content {
	font-size: 1.7rem;
	background-colorXXX: #9897F3;
	margin: 0px auto;
	padding-topzzz: 16px;
	}
	



/* Content Links  */
.entry-content a,
.comment-content a {
	color: #7090C9;
}

.entry-content a:hover,
.comment-content a:hover {
	color: #1C2E4C;
}

/* News Lists  */


.newsitems {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 30px;
	padding: 0;
	}

.newsitems li {
	margin-bottom: 12px;
	line-height: 1.3;
	}



/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.entry-header {
	margin-bottom: 0px;
	padding: 12px 30px;
	background-colorZZZ: #333;
	background-image: url(images-design/CTA-GrainBackground.png);
}
.entry-header h1 {
	color: #FFF;
	widows: 3;
}
article {
	overflow:hidden;	
}
.defaultarticle .entry-thumbnail {
	background-color: #C4C4C4;
	overflow: hidden;
	border-bottom: 1px solid #454545;
	-webkit-box-shadow: 0px 3px 14px #8C8C8C;
	box-shadow: 0px 3px 14px #8C8C8C;
}

/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content {
	padding: 5px 30px 20px;
	min-height: 200px;
}

.entry-content img {
	border-radius: 12px;
	border: 1px solid #A9A9A9;
}


/* PSM Merchandise Items  ------------------------------------------- */
.itemcontainer {
	width: 45%;
	text-align: center;
	margin: 0px 36px 10px 36px;
	padding-bottom: 10px;
	position: relative;
	display:inline-block;
	max-width: 150px;
	vertical-align:top;
	
	border-bottomXXX: 1px solid #656565;
	border-topXXX: 1px solid #656565;
	
}
.itemcontainer figcaption {
	font-size: 1.2rem; 
}

.itemcontainer.firstcategoryitem{
	border-top: 1px solid #656565;
}
.itemcontainer h3{
	padding: 0;
	margin: 5px 0;
}
.itemcontainer h3 .soldout{
	color: #B6BA03;
}
.itemcontainer p{
	padding: 0;
	margin: 8px 0 0;
	
}
.itemcontainer img {
	border-radius: 12px;

}
/* END PSM Merchandise Items  ------------------------------------------- */



/**
* 7.0 Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
	background-color: #4B4B4B;
	color: #AAA;
	font-size: 14px;
	text-align: center;
	padding: 36px 20px;
}

.site-footer .widget-area,
.sidebar .site-footer {
	text-align: left;
}

.site-footer a {
	color: #AAA;
}

#footer01 {
    width: 30%;
    text-align: left;
    position: relative;
    display: inline-block;
    left: 0px;
}
#footer01 #trustwaveSealImage {

    display: block;
	margin-top: 8px;
}


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

.menu-footer-container { 
	width: 100%;
	text-align: left;
	position: relative;
	displayZZZ:inline-block;
	left: 0;
	margin: 0 0 15px;
	}

.menu-footer-container h1, .menu-footer-container h2 {

	margin: 0;
	margin-bottom: 3px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFF;
	font-family: inherit;
	}

ul.footer-menu {
    margin-xxx: 0;
    padding: 0 0 0 0;
	border-left-zzz: 1px solid #000000;
	display:inline-block;
	margin: 0 auto;
	list-style: outside none none;
	vertical-align: top;
}

ul.footer-menu .sub-menu{
    padding-left: 12px;
}

.footer-menu li a
{
	padding: 8px 0;
	line-height: 14px;
	box-sizing: content-box;
	font-size: 1.4rem;
	font-weight: normal;
}
/**END FOOTER MENU * ---------------------------------------------------------------------------- */

/**SCHEMA INFO * ---------------------------------------------------------------------------- */

#SchemaInfo {
	width: 68%;
	text-align: left;
	position: relative;
	padding-left: 1.5%;
	padding-right: 1.5%;
	display:inline-block;
	vertical-align: top;
}
#SchemaInfo p {
	padding: 0;
	margin: 0;
	margin-bottom: 4px;
	}
.schema-section1 {
	width: 100%;
	display: block;
	vertical-align: top;
}
.schema-section2 {
	width: 100%;
	display: block;
	vertical-align: top;
}
#SchemaInfo .SchemaName {
	font-weight: bold;
	font-size: 16px;
	position: relative;
	top: 0px;
	margin-bottom: 5px;
	color: #FFF;
}
#SchemaInfo .SchemaPhone {
	position: relative;
	top: 0px;
	margin-bottom: 5px;
}
#SchemaInfo .SchemaAescriddress {
	position: relative;
	top: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#SchemaInfo .SchemaDption {
}

/**END SCHEMA INFO * ---------------------------------------------------------------------------- */

#webdesign {
	font-size: 11px;
	display: block;
	position: relative;
	top: 0px;
	padding: 8px 0px 8px 0px;
	color: #575757;
	width: 100%;
	background-color: transparent;
	
}
.webdesign-inner {
	margin-right:auto;
	margin-left:auto;
	max-width: 960px;
}
#webdesign a {
	color: #575757;
}


/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 999px) {

.pss-site-header {
	padding-top: 0px;
	overflow:visible;
}
/*Show mobile PSM Menu Button and Phone*/
#pss_mobilenav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	color: #FFFFFF;
	background-color: hsla(0,0%,0%,0.21);
	clear: both;
	overflow: hidden;
	
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 8px;
	bottom: 0px;
	vertical-align: bottom;
	
	line-height: 30px;
	
	
	height: 30px;
	display: inline-block;
	box-sizing: content-box;
	
	
}
#pss_mobilenav #psm_mobilenav_left {
	width: 36%;
	float: left;
	padding-left: 3px;
}

#pss-nav {
	display: none;
}
.pss-navbar {
	background-color: #000;
	margin: 0;
	border-bottom: 1px solid #484848;
		display: none;
		max-height: inherit;
/*	
	padding-left: 6px;


	background-image: none;
	right: inherit;
	left: 0px;
	top: 0px;
*/

}



ul.nav-menu,
div.nav-menu > ul {
	display: block;
	margin: 0 auto;
	max-width: 300px;
	padding: 0 12px;
	background-image: -webkit-linear-gradient(0deg,rgba(166,166,166,1.00) 0%,rgba(194,194,194,1.00) 49.74%,rgba(166,166,166,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(166,166,166,1.00) 0%,rgba(194,194,194,1.00) 49.74%,rgba(166,166,166,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(166,166,166,1.00) 0%,rgba(194,194,194,1.00) 49.74%,rgba(166,166,166,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(166,166,166,1.00) 0%,rgba(194,194,194,1.00) 49.74%,rgba(166,166,166,1.00) 100%);
	}

.nav-menu li {
	display: block;
	position: static;
	border-bottom: 1px solid #7D7D7D;
}
.sub-menu li {
	border-bottom: 0;
}

.nav-menu li a {
	border-left-style: none;
	border-left-width: 0px;
	color: #141412;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 9px 8px;
	text-decoration: none;
}
.nav-menu li.first-menu-item  a {
	border-left: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #220e10;
	color: #fff;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	font-style: italic;
}
.nav-menu .sub-menu,
.nav-menu .children {
	position: relative;
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
	background-color: transparent;
	margin: 0 18px;
	border: none

/*	
	border: 2px solid #f7f5e7;
	border-top: 0;
	padding: 0;
	left: -2px;
	z-index: 99999;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
*/
	}
ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #000;
	margin: 0;
	width: inherit;
}

/*
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	XXXbackground-color: #FFC000;
}

*/

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}



}
@media (max-width: 767px) {

#mobilehometext h1 {
	margin: 0;
	font-size: 24px;
}

.home .newslistbox {
	display: block;
	width:auto;
	padding-left: 0px;
		}


.pss-header-text1 {
	margin: 5px 18px;
    display: block;

}



}

@media (max-width: 643px) {

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:bold;
}


h1 {
	font-size: 28px;
	margin: 0 0 20px 0;
}

h2 {
	font-size: 24px;
	margin: 16px 0;
}

h3 {
	font-size: 20px;
	margin: 16px 0;
}

h4 {
	font-size: 18px;
	margin: 15px 0;
}

h5 {
	font-size: 16px;
	margin: 14px 0;
}

h6 {
	font-size: 14px;
	margin: 14px 0;
}

	.site-footer {
	padding: 20px 12px;
}


.pss-header-text1 {
	margin: 5px 8px;

}

#mobilehometext h1 {
	font-weight:normal;
	font-size: 20px;
}


}

@media (max-width: 599px) {


.pss-site-header .pss-home-link {
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
}
.pss-site-header .pss-home-link img {
	margin: 6px 0 0 14px;

}
#pss_mobilenav {
	margin-left: 14px;
}

.pss-header-text1 {
	display: inline-block;
}

.psm-header-socialmedia img {

width: 35px;
height: auto;

}
#mobilehometext {
    padding: 8px;
    bottom: 6px;
    left: 6px;

}

}




@media (max-width: 359px) {
#footer01, #SchemaInfo {
	display: block;
	width: 100%;
	margin-bottom: 12px;
}
#mobilehometext {
    padding: 2px 4px;
    bottom: 4px;
    left: 6px;

}
}