/* 

	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: Graphik Light;
src: url("./fonts/GraphikLight.woff2");
font-weight: 300;
}

@font-face {
font-family: Graphik Regular;
src: url("./fonts/GraphikRegular.woff2");
font-weight: 400;
}

.h1 {
font-family: "Graphik Light", Helvetica, sans-serif!important;
font-weight: 300!important;
font-size: 42px!important;
line-height: 50px!important;
letter-spacing: none!important; 
}

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

nav#main-nav ul > li a {
font-family: "Graphik Regular", Helvetica, sans-serif!important;
font-weight: 400!important;
letter-spacing: none!important; 
}

#menu-item-706 > a > span, #menu-item-702 > a > span {
font-size: 18px!important;
line-height: 30px!important;
letter-spacing: 1px!important;
text-transform: none!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: #006FE6!important;
}

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

#footer {
background: none!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;
}

.emoji {
max-width: 28px!important;
}

input[type="submit"], .button, button {
text-transform: uppercase!important;
}

input[type="submit"]:hover, .button:hover {
    background: #3574d6;
    color: #ffffff!important;
}

.portfolio-filter {
    margin-bottom: 10px!important; 
}

#page-body > div.wrapper-medium.portfolio-wrapper.style-list.height-auto.slist-wrapper.size-h1 > div.portfolio-filter.fade.text-center.do-anim.animated > h6 > span:nth-child(1) {
	display: none!important;
}

.widget-title, .widget-title.title-alt a {
font-size: 14px!important;
text-transform: none!important;
letter-spacing: 0!important;
}

#page-body > div.wrapper-medium.portfolio-wrapper.style-list.height-auto.slist-wrapper.size-h1 > div.portfolio-filter.fade.text-center.do-anim.animated > h6 {
font-size: 14px!important;
text-transform: none!important;
}

#page-body > div.wrapper-medium.portfolio-wrapper.style-list.height-auto.slist-wrapper.size-h1 > div.portfolio-filter.fade.text-center.do-anim.animated > h6 {
letter-spacing: 0!important;
}

.protected-post-form {
	padding: 1px 120px 0 120px!important;
}

h3.title-alt {
	display: none!important;
}

/* ----------------------------------- White bg on hover of project titles

#portfolio-grid1 > div.slist-item.portfolio-item a {
padding: 20px 0px!important;
background: rgba(255, 255, 255, 0)!important; 
border-radius: 0px!important;
}

#portfolio-grid1 > div.slist-item.portfolio-item a:hover {
padding: 20px 20px!important;
background: rgba(255, 255, 255, .95)!important; 
border-radius: 20px!important;
}
------------------------------------- */


#portfolio-grid1 > div.slist-item.portfolio-item a {
padding: 0px 0px 0px 0px!important;
}

#portfolio-grid1 > div.slist-item.portfolio-item a:hover {
padding: 0px 0px 20px 12px!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;
}
.emoji {
max-width: 24px!important;
}
}