/*
 Theme Name:   Chantal Kayem
 Theme URI:    https://chantalkayem.com.au
 Description:  Custom designed theme for Chantal Kayem
 Author:       Weber Design Studio
 Author URI:   https://weberdesignstudio.com.au
 Template:     generatepress
 Version:      0.1
*/

/* Content */
.site-content {min-height:570px;}

/* Collapsible Text Boxes */
/*.faqs-section .elementor-tab-content {min-height:20px;}*/

/* Link Styles */
.homepage-cta a {color:#6dbfd7;}

/* Typography */
h3.elementor-heading-title {line-height:1.2 !important;}
.main-title, .site-description {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);}

/* Archive Pages */
.post-image-above-header .no-featured-image-padding .inside-article .post-image {margin:0 0 -20px 0;;}
.post-image-above-header .no-featured-image-padding .inside-article .post-image img {width:100%; vertical-align:top;}
body.archive .entry-header {z-index:1000 !important; position:relative;}
body.archive .entry-title a {display:block; background:#2090b2; max-width:80%; margin-left:auto; margin-right:auto; padding:10px; font-size:20px; font-weight:700; line-height:1.3; text-align:center; color:#fff;}
body.archive .entry-summary {margin:15px 0; text-align:center;}
.archive.one-container .inside-article {padding: 20px; border: 1px solid #ededec;} /* wrap issues articles with border */

/* Book A Session */
.session-select .elementor-tab-title {text-transform:uppercase;} /* Tab title */
.session-select .elementor-tab-content {min-height:400px;}
.session-info {float:left; max-width:50%; width:100%; padding-left:5px; padding-right:30px; box-sizing:border-box;}
.session-info p {padding-bottom: 10px; margin-bottom:10px; border-bottom:1px solid #ededec;}
.session-info p:last-child {margin-bottom:0; border:none;}
.session-select .session-calendar {float:right;}
.session-calendar {max-width:50%; width:100%;}
.session-calendar:after {content:""; display:block; clear:both;}

body table.booked-calendar tr.days th {font-size:0.7rem !important; padding: 0.4rem 0 !important;}
.week td {height: 40px !important;}
span.date {line-height:36px !important;}
body table.booked-calendar td .date .number {width:32px !important; height:32px !important;	line-height:32px !important; font-size:1rem;}

/* ------------------------ */
/* MEDIA QUERIES */
/* ------------------------ */

@media screen and (max-width:768px){
	.session-info, .session-calendar {float:none; max-width:100%; width:100%;} 
}

@media screen and (max-width:480px){
	.header-widget {display:none;}
	p.site-description {font-size:15px;}
	.elementor-widget-tabs .elementor-tabs {text-align: left; margin-left: -25px; margin-right: -25px;}
}