/*
 Theme Name:   Digital Her
 Theme URI:    https://digitalher.co.uk/
 Description:  Digital Her child theme
 Author:       James Evans
 Author URI:   https://websright.com
 Template:     generatepress
 Version:      0.1
*/


/* fonts */
@font-face {font-family: "GT-Cinetype";
  src: url("/fonts/110de0bbe7344f96136d5cedd6608f9d.eot"); /* IE9*/
  src: url("/fonts/110de0bbe7344f96136d5cedd6608f9d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/fonts/110de0bbe7344f96136d5cedd6608f9d.woff2") format("woff2"), /* chrome、firefox */
  url("/fonts/110de0bbe7344f96136d5cedd6608f9d.woff") format("woff"), /* chrome、firefox */
  url("/fonts/110de0bbe7344f96136d5cedd6608f9d.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("/fonts/110de0bbe7344f96136d5cedd6608f9d.svg") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "Akkurat";
  src: url("/fonts/cf3327022417d4ff7f54f0963c4f41ea.eot"); /* IE9*/
  src: url("/fonts/cf3327022417d4ff7f54f0963c4f41ea.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/fonts/cf3327022417d4ff7f54f0963c4f41ea.woff2") format("woff2"), /* chrome、firefox */
  url("/fonts/cf3327022417d4ff7f54f0963c4f41ea.woff") format("woff"), /* chrome、firefox */
  url("/fonts/cf3327022417d4ff7f54f0963c4f41ea.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("/fonts/cf3327022417d4ff7f54f0963c4f41ea.svg") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "Akkurat-Bold";
  src: url("/fonts/cc4c7e3aa2ab2258b5e0bc946be1093a.eot"); /* IE9*/
  src: url("/fonts/cc4c7e3aa2ab2258b5e0bc946be1093a.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("/fonts/cc4c7e3aa2ab2258b5e0bc946be1093a.woff2") format("woff2"), /* chrome、firefox */
  url("/fonts/cc4c7e3aa2ab2258b5e0bc946be1093a.woff") format("woff"), /* chrome、firefox */
  url("/fonts/cc4c7e3aa2ab2258b5e0bc946be1093a.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("/fonts/cc4c7e3aa2ab2258b5e0bc946be1093a.svg") format("svg"); /* iOS 4.1- */
}
h1, h2, h3, h4, h5 {
	font-family: "GT-Cinetype", sans-serif;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.justify-text {
	text-align: center;
}
.buttons a {
	display: inline-block;
	margin-right: 5px;
}
.wordpress-print-posts a {
	display: inline-block;
	color: #fff;
	margin-top: 20px;
	padding: 10px 20px;
	background-color: var(--contrast-3);
}

/* nav */
.main-navigation .main-nav ul li.menu-btn a {
	background-color: #C3A5CD;
	color: #fff;
}
.main-navigation .main-nav ul li.menu-btn a:hover {
	color: #fff;	
	background-color: #01585B !important;
}
.menu-item-has-children .dropdown-menu-toggle {
	padding-left: 0px;
}
@media (min-width: 1000px) {
	.main-navigation .main-nav ul li.menu-btn {
		margin-left: 10px;
	}
	.main-navigation .main-nav ul li.menu-btn a {
		line-height: 1;
		padding: 12px 20px;
		text-transform: uppercase;
		letter-spacing: 0.01em;
	}
}
@media (max-width: 999px) {
	.main-navigation .main-nav ul li.menu-btn {
		margin-top: 5px;
	}
	.main-navigation .menu-toggle {
		font-size: 28px;
	}
	.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover {
		background-color: rgba(255,255,255,0);
	}
}
@media (min-width: 999px) and (max-width: 1089px) {
	.main-navigation .main-nav ul li a {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 14px;
	}
}
@media (max-width: 449px) {
	.inside-header .site-logo {
		max-width: 150px;
	}
}

/* nav hover effects */
@media (min-width: 1000px) {
	#primary-menu ul li.menu-hover a:after  {
		position: absolute;
		left: 10px;
		width: calc(100% - 20px);
		height: 2px;
		background: linear-gradient(135deg, #C3A5CD 50%, #A899B9);
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	#primary-menu ul li.menu-hover a:after {
		bottom: 14px;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}
	#primary-menu ul li.menu-hover a:hover::after,
	#primary-menu ul li.menu-hover a:focus::after {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	#primary-menu ul li ul li a:after {
		display: none;
	}
}


/* page sections */
@media (max-width: 767px) {
	#home-hero .img-col {
		background-image: url("/wp-content/uploads/2023/05/dh-hp23-m.jpg");
		background-position: bottom center;
		height: 450px;
	}
	#pg-hero .img-col:after {
		background-image: none;
	}
	#pg .img-col .gb-shapes .gb-shape-1 {
		border-bottom: 20px solid;
	}
	.contact-col {
		max-width: 300px;
		margin-left: auto; 
		margin-right: auto;
	}
}
@media (min-width: 768px) {
	#home-hero .text-col {
		height: 450px;
	}
	#pg-hero .img-col .gb-shapes {
		display: none;
	}
	#pg-hero .img-col::before {
		content: '';
		background-image: linear-gradient(284deg, rgba(255,255,255,0) 74%, rgba(194, 163, 204, 0.7) 74%);
		position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
	}
}


@media (min-width: 1240px) {
	.rhs-text-container.gb-container .gb-inside-container {
		margin-right: calc((100vw - 1220px) / 2);
	}
	.lhs-text-container.gb-container .gb-inside-container {
		margin-left: calc((100vw - 1220px) / 2);
	}
}


.footer-logo {
	display: block;
	margin-bottom: 20px;
}

.dh-symbol, .underline {
	position: relative;
}
.dh-symbol::before {
	content: '';
	height: 28px;
	width: 18px;
	display: block;
	position: absolute;
}
.dh-symbol.pink::before {
	background-image: url("/wp-content/uploads/2022/08/pink-symbol-28.png");
}
.dh-symbol.rhs-s::before {
	right: -24px;
	top: -6px;
}
.dh-symbol.lhs-s::before {
	left: -24px;
	top: -6px;
}
.underline::after {
	content: '';
	height: 3px;
	width: 2.5em;
	display: block;
	margin-top: 0.4em;
}
.underline.cen-u::after {
	margin-left: auto;
	margin-right: auto;
}
.underline.pink::after {
	background: linear-gradient(135deg, #C3A5CD 50%, #A899B9);
}
.inside-article h3.dh-symbol {
	margin-left: 20px; 
	margin-right: 20px;
}
@media (max-width: 767px) {
	.underline::after {
		margin: 0.3em auto 0;
	}
	.inside-article h2.dh-symbol {
		margin-left: 20px; 
		margin-right: 20px;
	}
}

/* sponsors */
div#sponsors .gb-grid-wrapper {
    margin-top: -40px;
    display: inline-flex;
}

.overlay-container {
	position: relative;
}
.overlay {
 	transition: .5s ease;
	opacity: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
 	 -ms-transform: translate(-50%, -50%);
	width: 100%;
    height: 100%;
	display: flex;
	flex-direction: column;
    justify-content: center;
}
.overlay-container :hover .overlay {
  opacity: 1;
}

/* resources */
.online-resources-template-default .inside-article {
	display: none;
}
a.tab-btn.current {
	color: #fff;
	background-color: var(--accent);
}
/* accordion */
.hide a.gb-button {
    display: none;
}
.accordion-toggle {
	cursor: pointer;
}
.accordion-content {
	display: none;
}
.accordion-content.default {
    display: block;
}
/* tabs */
#resources .tab-content.current, #inspiration-wall .tab-content.current {
	display: block !important;
}


/* blog */
.single-post .grid-container#pagem {
	max-width: 1000px;
}
.blog .generate-columns-container .inside-article {
	box-shadow: 0px 5px 10px #00000029;
}
.blog .generate-columns-container .inside-article .entry-header, 
.blog .generate-columns-container .inside-article .entry-summary {
	padding-left: 20px; 
	padding-right: 20px;
}
.blog .generate-columns-container .inside-article .entry-summary {
	padding-bottom: 20px;
}
.blog .generate-columns-container {
    margin-left: 0px;
    margin-right: 20px;
}
.blog #page, .dh_rolemodel-template-default #page {
	background-color: rgba(235, 234, 225, 0.49);
	max-width: none;
}
@media (max-width: 767px) {
.blog.generate-columns-activated .generate-columns-container {
    margin-left: 20px;
    margin-right: 20px;
	}
}

.blog-header input[type="search"] {
	background-color: rgba(235,234,225,0.7);
    border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border: none;
}
.filter-container .wpgb-facet .wpgb-search-facet input[type="search"], 
.filter-container .wpgb-facet select.wpgb-select,
.filter-container .wpgb-facet .wpgb-autocomplete-facet input[type="search"] {
	border-radius: 30px;
	height: 50px;
	min-height: 50px;
	background-color: rgba(235,234,225,0.4);
	border: none;
	text-align: center;
}
body .wpgb-facet select.wpgb-select:not([multiple]) {
	padding-left: 20px;
}
.filter-container .wpgb-facet * {
	color: #2B3F58;
}
.filter-container .wpgb-facet .wpgb-search-facet input[type="search"]::placeholder,
.filter-container .wpgb-facet .wpgb-autocomplete-facet input[type="search"]::placeholder {
	color: #2B3F58;
}
.filter-container .wpgb-facet .wpgb-input-icon {
	left: 10px;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	border: none;
}
.blog-header .wp-block-search__button {
	margin-left: 0;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

/* role models */
#role-model {
	max-width: 1000px;
	width: 94%;
	margin: 2em auto;
}
.dh_rolemodel-template-default.separate-containers .site-main {
	margin-bottom: 0;
}
#role-model .post-term-item a {
	padding: 6px 12px;
	border: 2px solid var(--contrast-3); 
	color: var(--contrast);
	border-radius: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 0.9rem;
}
.role-model-tab-nav {
  position: relative;
}
.dropdown-toggle {
	border: 2px solid var(--accent);
	height: auto;
	display: inline-block;
	border-radius: 0;
	padding: 10px 30px;
	border-radius: 30px;
	box-sizing:border-box;
	cursor: pointer;
	width: 100%;
	text-align: center;
	}
ul.dropdown {
	z-index: 5;
	display:none;
	position: absolute;
	top: 100%;
  	margin-top: .5em;
 	background: var(--accent);
 	min-width: 12em;
  	padding: 10px 20px;
	margin: 0;
	width: 220px;
	box-sizing: border-box;
	margin-top: 3px;
	border-radius: 3px;
}
ul.dropdown li {
	list-style-type: none;
}
ul.dropdown li a {
	padding: 10px 0;
	line-height: 1;
    display: block;
	color: #fff;
}
ul.dropdown li a:hover {
	color: var(--global-color-8);
}

.filter-container .wpgb-facet>fieldset:last-child {
	margin-bottom: 10px;
}

#rm-update-form, #role-model .rm-update-btn {
	display: none;
}
.logged-in #rm-update-form {
	display: block;
}
.logged-in #role-model .rm-update-btn {
	display: flex;
}


/* forms */
#download-form .nf-field-container {
	margin-bottom: 5px;
}
#download-form .submit-container {
	margin-top: 20px;
}
.nf-field-container p {
	margin-bottom: 0px;
	margin-top: 10px;
}
.mailing-list-checkbox .nf-field-label label {
	font-weight: normal;
}
.mailing-list-checkbox.label-right .nf-field-label {
	padding-left: 2px;
}
.mailing-list-checkbox.label-right .nf-field-label, #download-form .nf-field-container p {
	font-size: 14px;
}

#rm-form .nf-progress-container {
	margin-top: 0px;
	margin-bottom: 20px;
	border-radius: 10px;
	border: 1px solid var(--global-color-8);
}
#rm-form .nf-progress-container:before {
	content: "Progress";
	margin-bottom: 0;
	font-size: 14px;
	display: inline-block;
	margin-top: 0px;
	position: absolute;
	left: calc(50% - 28px);
}
#rm-form .nf-progress {
	background: linear-gradient(135deg, #C3A5CD 50%, #A899B9);
	border-radius: 10px;
	width: 5%;
}
#rm-form .nf-next-previous input[type="button"] {
	background-color: var(--contrast);
	font-size: 20px;
	font-weight: 600;
}
#rm-form .nf-field-container {
	margin-bottom: 20px;
}
#rm-form .nf-field-element {
	
}
.nf-error-msg, .nf-field-container .field-wrap .nf-element::placeholder, .nf-field-description, 
#rm-form #nf-label-field-55, #rm-update-form .af-field-instructions {
	font-size: 15px;
}
#rm-form .nf-field-description  {
	margin-bottom: 10px;
}
#rm-form .label-above .nf-field-label {
	margin-bottom: 5px;
}
#rm-form #nf-label-field-55, #rm-form #nf-label-field-86 {
	font-weight: normal;
}
#rm-form #nf-label-field-55-0, #rm-form #nf-label-field-86-0 {
	font-weight: 700;
	margin-top: 20px;
}
#rm-update-form .acf-field .acf-label label {
	font-weight: 700;	
}
#rm-form #nf-field-52-wrap .nf-field-label {
	padding-left: 1%;
}
#rm-form .nf-response-msg p {
	text-align: center;
	margin-bottom: 0;
}
#rm-update-form .af-field-password, #rm-update-form .af-field-recaptcha {
  display: none;
}
#rm-update-form .af-field-word2, #rm-update-form .af-field-skill2, #rm-update-form .af-field-skill3,
#rm-update-form .af-field-skill4 {
	padding-top: 4px; 
	padding-bottom: 4px;
	border-top-width: 0;
}
#rm-update-form .af-field-word1, #rm-update-form .af-field-skills {
	padding-bottom: 4px;
}
#rm-update-form .af-field-word3, #rm-update-form .af-field-skill5 {
	padding-top: 4px; 
	border-top-width: 0;
}

#newsletter, #newsletter-footer {
	
}
#newsletter input[type="text"], #newsletter input[type="email"], #newsletter input[type="tel"], #newsletter textarea, #newsletter input[type="number"], 
#newsletter-footer input[type="text"], #newsletter-footer input[type="email"], #newsletter-footer input[type="tel"], #newsletter-footer textarea, #newsletter-footer input[type="number"], #sponsor-pack-form input[type="text"], #sponsor-pack-form input[type="email"], #sponsor-pack-form input[type="tel"], #sponsor-pack-form textarea, #sponsor-pack-form input[type="number"], 
#educators-form input[type="text"], #educators-form input[type="email"], #educators-form input[type="tel"], #educators-form textarea, #educators-form input[type="number"] {
	border-radius: 30px;
	-webkit-appearance: none;
	border-width: 2px;
}
#newsletter-footer input[type="text"], #newsletter-footer input[type="email"], #newsletter-footer input[type="tel"], #newsletter-footer textarea, #newsletter-footer input[type="number"]{
	height: 40px;	
	border-color: #fff;
	background-color: rgba(255,255,255,0.05);
}
#newsletter .nf-field-container, #sponsor-pack-form .nf-field-container, #educators-form .nf-field-container {
    margin-bottom: 15px;
}
#newsletter-footer .nf-field-container {
    margin-bottom: 10px;
}
#newsletter-footer .nf-field-container .nf-element::placeholder {
	font-size: 15px;
	color: #fff;
}
#newsletter-footer .list-checkbox-wrap .nf-field-element li label {
	font-size: 14px;
	color: #fff;
	text-align: left;
}
#sponsor-pack-form .list-checkbox-wrap .nf-field-element li label, 
#educators-form .list-checkbox-wrap .nf-field-element li label{
	text-align: left;
}
#newsletter-footer .nf-response-msg p {
	color: #fff;
}
#newsletter .nf-response-msg p {
	text-align: center;
}
#newsletter-footer input[type="submit"], #newsletter input[type="submit"] {
	text-transform: uppercase;
	font-family: Akkurat-Bold;
}
@media (max-width: 449px) {
	#newsletter-footer .nf-field-container.one-half {
		width: 100%;
		margin: 0;
	}
	#sponsor-pack-form .nf-field-container.one-half,
	#educators-form .nf-field-container.one-half {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}