/*
Theme Name:     Telka Smith
Version:        1.0
Description:    Customized Child Theme for Telka Smith Practise in Psychology
Author:         Black Cap Design
Author URI:     http://www.blackcapdesign.com
Template:       twentyfifteen
*/

@import url("../twentyfifteen/style.css");  /* No styles above this line! */

/* =Notes
--------------------------------------------------------------
REM
This stylesheet uses rem values with a pixel fallback FOR FONT-SIZE ONLY. 

$rembase:     10;   take the value in pixels and divide by 10 to determine rem value


--- GOOGLE FONTS INFO --- 
Open Sans:
font-family: "open-sans", arial, sans-serif;
font-weight: 400;
font-weight: 600;
font-weight: 700;
font-weight: 800;  
font-style: italic;

	
MOBILE-FIRST
This is a MOBILE-FIRST theme. All styles listed BEFORE THE MEDIA QUERY SECTION apply to small screens.	
 ------------------------- */


body {
	background: #fff;
}
#box-top {
	width: 100%;
	height: 30px;
	background: #fff;
	position: absolute;
	text-align: center;
}
#box-top p {
	font-weight: 600;
	font-size: 0.75em;
	line-height: 2.2;
	color: #252839;
}
.site-header {
	margin-top: 6%;
	padding-bottom: 4%;
}
.ts-title  { 	/* accessible method for hiding title and tagline */
	position:absolute;
	left: 0px;
	top: -5000px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/* header image */
.entry-header img {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	margin-bottom: 14px;
}
.blog .entry-header img {
	margin-bottom: 40px;
}
/* classes assigned dynamically with jquery to blog header images; then turn off display on all but the first one */
.blog .entry-header img {
	display: none;
}
.blog .entry-header img.header-img1 {
	display: block !important;
}
#custom_post_widget-3.widget,
#custom_post_widget-5.widget {
	margin: 0;
	padding: 0;
}
/* --- */
body,
button,
input,
select,
textarea {
	color: #252839;	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
.post-password-form input[type="submit"] {
	font-size: 1.6rem;
	padding: 0.6em 1.625em;
}
h1, h2, h3, h4, h5, h6 { 
  font-weight: 400;
}
p, address, pre, hr, ul, ol, dl, dd, table, .gdc_row {
	color: #677077;
}
a {
	color: #44749d;
	text-decoration: underline;
} 
a:hover,
a:focus {
	color: #44749d;
	text-decoration: none;
}
/* Genericons */
.pagination .prev:before,
.pagination .next:before {
	text-decoration: none;
}
/* --- */
span.dark-anchor {
	color: #25506b;
}
.entry-title {
	margin-bottom: 0.6em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
	margin-top: 0.8em;
}
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a,
.site-info a:hover {
	border-bottom: none;
}
.site-info a:hover,
.site-info a:focus {
	color: #677077;
}
.main-navigation a { 
	color: #333;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-page-ancestor > a,
.main-navigation .current_page_parent > a {
	color: #44749d;	
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-page-ancestor > a,
.main-navigation .current_page_parent > a {
	font-weight: 700;
}	

/* content */
.entry-content li {
	margin: 0 0 0 26px;
}	
ul.arrow {
	margin-left: 6px;
	padding-left: 0;
}	
ul.arrow li {
	list-style-type: none;
  background-image: url('images/arrow.png');
	background-repeat: no-repeat;
  background-position: 0 7px;
  margin-left: 0;
  padding-left: 20px;  
}
.entry-content li
.entry-content ul {
	list-style: disc;	
}
.entry-content ul ul  {
	list-style: square;
}
.entry-content ul ul ul {
	list-style: circle;	
}
.entry-content ol {
	list-style: decimal;
}
.entry-content ol ol {
	list-style: lower-alpha;
}
.entry-content ol ol ol {
	list-style: lower-roman;
}
.entry-content ol ol ol ol {
	list-style: lower-alpha;
}
.entry-content li > ul,
.entry-content li > ol {
	margin: 0;
}
.gdc_row {
  overflow: auto;
  margin-bottom: 10px;
}

/* responsive video wrapper */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* book-an-appointment button */
.btn {
  background: #2f88c4;
	color: #fff;
  background-image: -webkit-linear-gradient(top, #2f88c4, #44739d);
  background-image: -moz-linear-gradient(top, #2f88c4, #44739d);
  background-image: -ms-linear-gradient(top, #2f88c4, #44739d);
  background-image: -o-linear-gradient(top, #2f88c4, #44739d);
  background-image: linear-gradient(to bottom, #2f88c4, #44739d);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #38a0e0;
	color: #fff;
  background-image: -webkit-linear-gradient(top, #38a0e0, #308fcf);
  background-image: -moz-linear-gradient(top, #38a0e0, #308fcf);
  background-image: -ms-linear-gradient(top, #38a0e0, #308fcf);
  background-image: -o-linear-gradient(top, #38a0e0, #308fcf);
  background-image: linear-gradient(to bottom, #38a0e0, #308fcf);
  text-decoration: none;
}
.btn:focus {
	color: #fff;
}
.appointment-btn img.alignright {
	float: none;
}

/* Forms */
.form-title label.forminator-label {
  font-size: 24px !important;
	margin-bottom: 20px !important;	
}
.forminator-button {
	padding: 10px 20px !important;
	text-transform: none !important;
}
.forminator-button:hover,
.forminator-button:active,
.forminator-button:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;

}
.checkbox-faux-columns label.forminator-checkbox {
	width: 30% !important;
	margin-bottom: 4px !important;
}
.forminator-field-html h3 {
	font-size: 2.2rem !important;
	margin-top: 1em !important;
	margin-bottom: 0 !important;
}
a.mailto-link {
	/* pointer not being applied to submit success message */
	cursor: pointer !important;
}


/* sidebar */
.widget-area #recent-posts-2.widget h2.widget-title:before {
	font-family: 'FontAwesome';
	content: '\f1ea';
	position: relative;
	margin-right: 6px;
}
.widget-area #custom_post_widget-6.widget h2.widget-title:before {
	font-family: 'FontAwesome';
	content: '\f278';
	position: relative;
	margin-right: 6px;		
}
.widget p.wpgmza_infowindow_title {
	margin-bottom: 0.25em;
}
/* --- */
/* footer */
footer.entry-footer {
	display: none;
}
#custom_post_widget-2.widget {
	margin: 0;
	padding: 0;
}
p.credentials {
	font-style: italic;
	color: #6d767d;
}
.hentry,
.site-footer {
	box-shadow: none !important;
}
/* --- */


/**
 * 11.0 Widgets
 */
.entry-content,
.page-content,
.widget {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
} 
.widget-title {
	color: #333;
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0 0 1em;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
/* Home page random blog excerpt --> Recent Posts Widget Extended */
.highlight {
	outline: 1px solid #e3e3e3;
	background-color: #f5f5f5;
	margin-top: 26px;
	margin-bottom: 16px;
	padding: 6px 14px;
}
.big-bold {
	text-align: center;
	margin-bottom: 30px;
	padding: 30px 5% 10px 5%;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 2;
}
.entry-content .highlight h2,
.entry-content .highlight h3 {
	line-height: 1.1852;
	font-weight: 400;
	font-style: italic;
}
.entry-content .highlight  h2 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.1852;
	margin-top: 8px;
	margin-bottom: 10px;
}
.entry-content .highlight  h3 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.1852;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* recent-posts-widget-extended for random article excerpt display on Home page */
img.rpwe-thumb,
.rpwe-time {
	display: none !important;
}	
ul.rpwe-ul {
	list-style-type: none;
}
.entry-content li.rpwe-li {
	margin-left: 0 !important;
}
.entry-content .more-link::after, .entry-summary .more-link::after {
    content: '';
}
/* Slidey Box */
.stb-top-right-container .stb { 
	text-align: center; 
}
.stb-506 h2 { 
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 8px; 
}
.stb-506 p {
	font-size: 14px;
	font-size: 1.4rem; 
}
 
/* --- *	


/**
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
/**  
*  Mobile Small 240px
*/ 
@media screen and (min-width 240px) and (max-width 260px) {
	#box-top p {
		font-size: 0.58em;
		line-height: 2.6;
	}
	
}

/**  
*  Mobile Small 260px
*/ 
@media screen and (min-width: 260px) {
	#box-top p {
		font-size: 0.75em;
	}
	
}

/**  
*  Mobile Small 420px
*/ 
@media screen and (min-width: 420px) {
	.site-header {
		margin-top: 0;
	}
	#box-top p {
		font-size: 0.75em;
	}
	
}

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
	.site-main {
		padding:  0;
	}
	.hentry,
	.page-header,
	.page-content {
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		margin: 0;
	}
	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {
		margin-top: 0.8em;
	}
	#box-top p {
		font-size: 1em;
		line-height: 1.8;
	}	
	.appointment-btn img.alignright {
		float: right;
	}
	.site-footer {
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
	.secondary {
		margin: 0;
		padding-top: 0;		
	}
	.main-navigation ul {
		border-top: none;
	}

}

/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {
	.widget-title {
		margin: 0 0 0.5em;
	}
	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {
		margin-top: 0.8em;
	}
	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1em;
	}
	
}

/**
 * 16.3 Tablet Large 880px
 */

@media screen and (min-width: 55em) {
	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {
		margin-top: 0.8em;
	}
	.entry-content,
	.entry-summary,
	.page-content,
	.comment-content {
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
		word-wrap: normal;
	}
	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1em;
	}

}
	
/**
 * 16.4 Desktop Small 955px
 */
@media screen and (min-width: 59.6875em) {

	.site-main {
		padding: 0;
	}
	.site-header {
		background-color: transparent;
		border-bottom: none;
		margin: 30px 0 10% 0;
		padding: 0 20%;
	}
	.hentry,
	.page-header,
	.page-content {
		margin: 30px 0 0 0;
	}
	.hentry {
		padding-top: 0;
	}
	body.blog .hentry {
		padding-top: 0;
	}
	body.blog .hentry + .hentry {
		margin-top: 0;
		padding-top: 20px;
	}	
	.site-info {
		padding: 2% 1.8%;
	}
	.main-navigation {
		margin: 0 20% 10%;
	}
	.widget {
		margin: 0 0 10%;
	}
	.entry-content,
	.entry-summary {
		padding: 0 10% 5%;
	}
	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {
		margin-top: 0.8em;
	}
	.site-footer {
		padding-left: 0;
		padding-right: 0;
	}
	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1em;
	}	
}

 /**
 * 16.5 Desktop Medium 1100px
 */
@media screen and (min-width: 68.75em) {
	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1em;
	}
	
}	

/**
 * 16.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {
	.entry-title,
	.widecolumn h2 {
		font-size: 33px;
		font-size: 3.3rem;
		line-height: 1.2308;
		margin-bottom: 0.6em;
	}
	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2 {
		font-size: 26px;
		font-size: 2.6rem;
		margin-top: 1em;
		margin-bottom: 0.8em;
	}
	p, address, pre, hr, ul, ol, dl, dd, table {
    margin-bottom: 1em;
	}
	p,
	address,
	pre,
	hr,
	ul,
	ol,
	dl,
	dd,
	table {
		margin-bottom: 1em;
	}

}

@media only screen and (max-width: 40em) {
  .gdc_column {
    margin-bottom: 0px;
  }
}

/**
 * 17.0 Print
 */
@media print {
	#box-top,
	#masthead,
	#cornerContainer,
	img,
	#custom_post_widget-3,
	.ts-logo,
	.no-print {
		display: none !important;
	}
	.site-footer {
		margin-top: 0 !important;
		padding: 0 0 3.84615% 0;
	}
	
}