/*Variable for second color*/
:root {
  --second-color: #cc1244;
}

/*Header transparency and size*/
#site-header {
  background-color: transparent;
	width: 100%;
}


/*Effect & color on site name*/
div.site-title > a {
	text-shadow: rgb(255, 255, 255) 0px 0px 2px, rgb(255, 255, 255) 0px 0px 4px, rgb(255, 255, 255) 0px 0px 6px, rgb(255, 112, 148) 0px 0px 8px, rgb(255, 0, 68) 0px 0px 12px, rgb(255, 0, 68) 0px 0px 16px, rgb(255, 0, 68) 0px 0px 20px, rgb(255, 0, 68) 0px 0px 24px;
	font-weight: 100;
	font-size: 150%;
	letter-spacing: 0.4px;
	word-spacing: 4.9px;
}

/*Second color for all site*/
.color-accent
{color: var(--second-color) !important;}

/*Header link color*/
nav.primary-menu-wrapper > ul.primary-menu > li > a {
	color: var(--second-color);
	text-shadow: 2px 2px 5px #000000;
}

/*Full-screen carrousel*/
.carousal-home{
	float: none;
  max-width: 165rem;
}

/*Shape of contact item menu*/
li#menu-item-16 > a {
	display: block;
	margin-top: -0.45em;
	padding: 0.4em 1em;
	color: var(--second-color);
	border: 1.5px solid var(--second-color);
	border-radius: 8px;
	text-decoration: none;
	text-transform: lowercase;
	transition-duration: 0.2s;
}
/*and its hover*/
li#menu-item-16 > a:hover {
	box-shadow: 0 0px 16px 0 var(--second-color), 0 17px 50px 0 var(--second-color);
}

/*basic style sheet*/
h2.has-accent-color {
	color: var(--second-color) !important;
}
h3 {
	word-spacing: 0.1em
	}	
h4 {
	word-spacing: 0.1em
	}	
.has-drop-cap:not(:focus)::first-letter{
	font-family: alegreya;
	color: #cc1244;
	font-style:  roman;
	font-size: 5.5em;
}


/*For blockquotes*/
blockquote {
	border-color: var(--second-color) !important;
font-family: 'Alegreya';
word-spacing: 0.1em;
font-style: italic
}
blockquote > p {
	padding-top:1em;
	padding-bottom:1em;
	padding-left:1em;
	padding-right:1em;	
}

/*Pull-in quote frame*/
figure.wp-block-pullquote {
    border-radius: 0.8em;
    box-shadow: black 0.5em 0.5em 0.3em;
}
.wp-block-pullquote::before {
	color: var(--second-color) !important;}


/*Spacing of network badges in footer of homepage*/
.network-logos>div {
margin: -0.5em -1em -0.5em -1em;
}	
.network-logos2>div {
margin: -2em -1em -2em 0em;
}	


/*Reversing social icon*/
nav.footer-social-wrapper > ul> li > a {
    color: var(--second-color);
    background-color: black;
}

p.contact-submit {
	text-align: center;
}

p.contact-submit > button {
	border-radius : 8%;
	background-color: var(--second-color);
}

a {
	color: var(--second-color);
}

/*Post category and nav*/
.singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover { 
	color: var(--second-color);
}