/*
 Theme Name:   Brookwood-Normandy Theme
 Theme URI:    https://generatepress.com
 Description:  Brookwood-Normandy GeneratePress Child Theme
 Author:       Andy Nicholls
 Author URI:   http://ve1.co.uk
 Template:     generatepress
 Version:      0.1
*/

/* No-underline hyperlink */
.no-underline a {
    text-decoration: none;
}

/* Apply rounded corners to image */
img.rounded-corners  {
    border-radius: 10px;
}

/* Box Shadow */
.box-shadow {
	box-shadow:0px 2px 8px 0px rgba(0,0,0,0.3)
}

/* Site Footer Hyperlink */
.site-footer a {
	color: var(--base);
}

/* add bkg color to mobile menu (normal menu bk is tranparent) */
/*@media(max-width: 768px) {
  #menu-menu {
    background-color: var(--base-2);
	  background-color: red;
  }
}
*/
/*
.home .main-nav {
	background-color:var(--base-6);
	
}
.home .menu-toggle {
	background-color:var(--base-6);
}
*/

/* https://matthewjamestaylor.com/2-column-layouts */

/* container */
.responsive-two-column-grid {
    display:block;	
	font-size:90%;
	font-weight:700;
}

/* columns */
.responsive-two-column-grid > * {
    padding:0.5rem;
	
}

/* tablet breakpoint */
@media (min-width:768px) {
    .responsive-two-column-grid {
        display: grid;
		grid-gap: 0;
        grid-template-columns: 20% 80%;		
	}
	.responsive-two-column-grid > * {   
		border-bottom:1px solid var(--base);
	}
}
/* 'cell' colors */
.course-label {	
	color:var(--base);
	background-color:var(--accent-2);	
}
.course-data {	
	background-color:#ccc;	
}

/* header row */
/* must be BEFORE responsive-two-column-grid div */
.two-column-grid-header-row {
	background-color: #ccc;
	font-size:90%;
	font-style: italic;
	font-weight:700;
	padding:0.5rem;
}
@media (min-width:768px) {
	.two-column-grid-header-row {
		border-bottom:1px solid var(--base);
	}
}


p a {
	font-weight:700;
	text-decoration:none;
}

/* https://stackoverflow.com/questions/48645089/displaying-quotes-before-and-after-text */
.strong-view {
	/* background-color:var(--base-2); */
}
.strong-view h3 {
	font-size: 1.1em;
	display: none;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-field {
    clear: revert! important;
	font-weight:700;
}
/* Insert line-break before */
.strong-view.wpmtst-simple .wpmtst-testimonial-field:before {
  	content: "\a";
	white-space: pre;
}

.testimonial-content p {
 	font-size: 1.1em;
	font-style:italic;
 	line-height: 1.5em;
}
.testimonial-image img {	
	border-radius:5px!important;
}
.testimonial-content p:before {
 	content: open-quote;
	padding-right:10px;
}

.testimonial-content p:after {
 	content: close-quote;
}
.testimonial-content p {
	margin-bottom:0px;
}
.testimonial-content p:before,
.testimonial-content p:after {
 	display: inline-block;
  	vertical-align: bottom;
  	color: var(--contrast-3);
  	font-size: 5em;
  	top: .2em;
  	position: relative;
 }
.strong-view.wpmtst-simple .wpmtst-testimonial-inner > *:not(:nth-last-child(2)):not(:last-child) {
    margin-bottom: 1px!important;
}

/* ACF Google Map */
.acf-map img { /* Fixes potential theme css conflict */
   max-width: inherit !important;
}
.acf-location {
	background-color:#666;
	color:#fff;
	 width: 100%;
	 margin: 0 auto;
	padding:5px 0;
	text-align:center;
}

/* ACF/Course Post Type Course Table */
div.course-container {
    width: 100%;
    position: relative;	
	background-color: var(--base-4); 
}
div.course-inner-container {
   max-width: 1300px; 
    position: relative;
    margin-right: auto;
    margin-left: auto; 	
	padding:40px 10px 10px 10px; /* narrow left right padding to fit table without horiz scroll */
}

@media only screen and (min-width: 768px) {
	div.course-inner-container {		
		padding:40px 40px 10px 40px;
	}
}
h3.course-table {
	color: var(--contrast-2);
	font-size:20px;
	
}
.course-table-wrapper {	
	border-style: solid;
	border-width:2px 2px;
	border-color:var(--base);		
	margin-bottom:30px;	
}

/* ACF Google Map */
.acf-map {
    width: 100%;
    height: 450px;
    border: #ccc solid 1px;
    margin: 0 auto;	
}
div.map-container {
	 width: 100%;
    position: relative;	
	background-color: var(--base-4);
}
div.map-inner-container {
   max-width: 1300px; 
	padding:40px 10px 10px 10px; /* narrow left right padding on small screens */     
	 width: 100%;
    position: relative;
    margin-right: auto;
    margin-left: auto;  	
}
@media only screen and (min-width: 768px) {
	div.map-inner-container {	
		padding:10px 40px 20px 40px;
	}
}

.badge {
	font-size:90%;
  background-color: #7F745F;
  color: white;
  padding: 4px 8px;
	margin-left: 4px;
  text-align: center;
  border-radius: 5px;
}
.badge.success {
	background-color:#478863;
}
.badge.alert {
	background-color:#EA721E;
}
.badge.warning {
	background-color:#BE2020;
}

/* Strong Testimonial Slider (requires view to be set to modern) */
.strong-view.wpmtst-default .wpmtst-testimonial {
    border: none!important;
    margin: 20px auto;
    text-align: left;
}

.strong-view.wpmtst-default .wpmtst-testimonial,
.strong-view.wpmtst-default .wpmtst-testimonial-inner {
    border: none!important;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-inner {
    /* padding: 10px 0!important;   */
	padding-top:10px!important;
	padding-bottom:10px!important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content {
    font-size:1em!important;   
    font-style: italic;
    margin: 0 56px;
    position: relative;
    text-align: center;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-image img {
    border-radius: 10%!important;
}

/* WPForms */
.wpforms-form button[type=submit] {
    background-color: var(--accent-2) !important;
    border-color: var(--accent-2) !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
}
 
.wpforms-form button[type=submit]:hover {
    background-color: var(--contrast-1) !important;
}

i.fa-brands {
	color:#fff;
	font-size:30px;
}

/* https://docs.generatepress.com/article/adding-buttons-navigation/ */
/* NB not in use? */
@media (min-width:769px) {
    .main-navigation .main-nav ul li.current_page_item a {
        background-color: #a40000;
		border-radius:21px;        
        color: white;
        line-height: 35px; /*this number will likely need to be adjusted*/
    }
}

/* Force footer to bottom of page irrespective of content height */
/*
 * body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
	 width: 100%;
}
.site-footer, .contact-strip {
    margin-top: auto;
}