/* 

	Theme Name: 2022 Portfolio Child
	Description: Colm McCarthy 2022 Portfolio child Theme. 
	Version: 1.0
	Author: Colm
	Tags: portfolio
	Template: vavo
	Text Domain: vavo-child
	
*/

/* -----------------------------------
	CHILD CSS
------------------------------------- */



@font-face {
font-family: Druk;
src: url("./fonts/Druk-Bold-Web.woff2");
font-weight: 700;
}

.h1 {
font-family: "Druk", Helvetica, sans-serif!important;
font-weight: 700!important;
text-transform: uppercase!important;
letter-spacing: 0.03em!important; 
}

#single-pagination .portfolio-name a:hover {
color: #FACE01!important;
}

nav#main-nav ul > li a {
font-family: "Druk", Helvetica, sans-serif!important;
font-weight: 700!important;
font-size: 24px!important;
text-transform: uppercase!important;
letter-spacing: 0.08em!important; 
}

.copyright {
font-size: 14px!important;
text-transform: uppercase!important;
letter-spacing: 0.05em!important;
color: rgba(0,0,0,1)!important; 
}

#footer .socialmedia-widget li a {
font-size: 14px!important;
opacity: 1!important;
letter-spacing: 0.05em!important;
}

#footer .socialmedia-widget li a:hover {
color: #3574D6!important;
}

.socialmedia-widget li a {
color: rgba(0,0,0,1)!important; 
}

#footer {
background: #caefe5!important;
}

caption-sub portfolio-category {
letter-spacing: 0.1em!important;
text-transform: uppercase!important;
}

.h7 {
letter-spacing: 0.1em!important;
text-transform: uppercase!important;
}

.body {
font-size: 20px!important;
line-height: 30px!important;
color: #000!important;
}


.body18 {
font-size: 18px!important;
line-height: 1.6!important;
color: #000!important;
}

.text-dark {
    color: #111!important;
}

.mejs-controls { 
display: none!important;
}


.color-bg {
background-color: #fbfaf9!important;
}

.color-bg-dark {
background-color: #333333!important;
}

.ytp-copylink-icon {
display: none!important;
}

.ytp-big-mode .ytp-chrome-top .ytp-copylink-button, .ytp-chrome-top .ytp-copylink-button {
display: none!important;
}




@media only screen and (max-width: 1024px) {
nav#main-nav ul > li a {
font-size: 48px!important;
}
}


@media only screen and (max-width: 600px) {
.slist {
text-align: left!important;
}
.slist-item {
width: 100%!important;
text-align: left!important;
}
}