/*!
Theme Name: Patrick Cosgrove
Theme URI: https://them.es/starter
Author: Kristine Contento-Angell
Author URI: https://contentointeractivegroup.com
Description: A customm boostrap based theme for Patrick Cosgrove
Version: 3.6.0
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: patrick-cosgrove
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */


@font-face {
  font-family: 'ooh baby';
  font-weight: 400;
  font-style: normal;
  src: url("assets/fonts/OoohBaby-Regular.ttf") format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'domine';
  font-weight: 400;
  font-style: normal;
  src: url("assets/fonts/Domine-VariableFont_wght.ttf") format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'cal sans';
  font-weight: 400;
  font-style: normal;
  src: url("assets/fonts/CalSans-Regular.ttf") format('truetype');
  font-display: swap;
}

h1, h2, .h1, .h2 {
	font-family:'cal sans', sans-serif;
}
@media (min-width: 1200px) {
	h2, .h2 {
		font-size:3.5em !important;
	}
}
.cursive {
	font-family:'ooh baby'; 
	color:#fca712;
}

h3, p {
	font-family:'domine', serif;

}

#main {
	margin-top:0px;
}

#hero {
	height: 75vh;
    background-image: url(/wp-content/uploads/2025/07/patrick-cosgrove-hero-profile.jpg);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}
#hero h1, #hero-title h1 {
	font-size:110px;
	color:#fff;
	font-family:'cal sans';
}
#hero h1 span.cursive, .cursive, h2 span.cursive {
	font-size:85px;
	color:#fca712;
	font-family:'ooh baby'; 
}

#mirror {
	background-color:#000;
}

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


#hero	h1, h2, .cursive { 
	transition: font-size 0.3s ease-in-out;
}
#finalcta {background-color:#000;}


#whofor ul, #whofor ul li {
	font-size:20px;
	color:#fff;
}
ul, li {font-family:'domine', serif;}
.accordion-button {font-size:1.2rem;}
@media (min-width: 1200px) {
	h2, .h2 {
		font-size:3.5em !important;
 transition: font-size 0.3s ease-in-out;
	}
}

@media (max-width:1470px) {
	#hero h1 {
		font-size:80px; 
		transition: font-size 0.3s ease-in-out;}
	
	#hero h1 span.cursive, .cursive, h2 span.cursive 	{
		font-size:55px;
		transition: font-size 0.3s ease-in-out;
	}
}

@media (max-width:1250px) {
	#hero h1 {
		font-size:60px; 
		transition: font-size 0.3s ease-in-out;}
	#hero h1 span.cursive, .cursive, h2 span.cursive {
		font-size:45px;
		 transition: font-size 0.3s ease-in-out;
	}
}

@media (max-width:767px){
	#hero {
		background-image:url(/wp-content/uploads/2025/08/cosgrove-hero-mobile.jpg);
	}
	#hero h1 {
		font-size:50px; 
		transition: font-size 0.3s ease-in-out;}
}




#logo-strip, #whofor {
	background-color:#000;
}
#logo-strip img {
	max-height:150px;
	width:auto;
}

#results p.h3 {font-size: 1.75rem;}
#results p {font-size:20px;}
span.h3 {    font-family: 'cal sans';}


.fontsize-26 {font-size:34px;}

/* Keep the modal body from exceeding the viewport */
#videoModal .modal-body { max-height: 80vh; }

.ratio-9x16-clamped {
  --bs-aspect-ratio: 177.78%; 
  width: min(100%, calc(80vh * 9 / 16)); 
  margin-left: auto;
  margin-right: auto;
}

#videoModal #videoContainer > iframe,
#videoModal #videoContainer > video {
  width: 100%;
  height: 100%;
  display: block;
}



@media(max-width:590px){
img.headshot {max-width:300px;margin:auto;margin-top:30px;}
}


/* Flip Card Container */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 220px;
  perspective: 1000px;
	margin-bottom:30px;
}

/* Inner Wrapper */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}

/* Flip on Hover */
.flip-card:hover .flip-card-inner,
.flip-card:focus-within .flip-card-inner {
  transform: rotateY(180deg);
}

/* Front + Back */
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  backface-visibility: hidden;
  padding: 1.5rem;
}

/* Front Styling */
.flip-card-front {
  background: #111;
  color: #fff;
}

/* Back Styling */
.flip-card-back {
  background: rgb(252, 167, 18);
  color: #000;
  transform: rotateY(180deg);
}

.flip-card-wrapper {
  width: 300px; /* same width for all cards */
}