/*
 Theme Name:     McGregorWestlake theme
 Theme URI:      http://heythemers.com/themes/calafate/
 Description:    A custom MWA theme.
 Author:         TMRW
 Author URI:     https://tmrw.nl
 Template:       calafate
 Version:        1.0
*/

/* --------------------------------------
-----   Theme customization starts here   -----
------------------------------------------*/
#content {
	padding-bottom: 200px;
}
.menu-footer-container a:before{
	background-color: #1110B3;
}
.widget li a:before {
  background: #1110B3 !important;
}
.entry-caption-text span.entry-meta {
	display: none;
}
.entry-meta .time-author .author {
	display: none;
}
@media screen and (max-width: 769px) {
	ul.overlay-menu ul.sub-menu li{
	    width: auto;
	}
	#content {
	padding-bottom: 20px;
}
}

/* -- from wp customized CSS -- */
#site-header {
	margin-top: 40px;
} 
#nav_menu-3 a {
	font-size: 0.8em;
}
.entry-caption-text span.entry-meta { 
	display: none !important;
}
.entry-caption {
    padding-top: 0px !important;
}
span.entry-grid__category {
	display: none;
}
.blog .entry-portfolio .entry-neta :first-child:after {
		content: "";
    display: none;
}
.blog .entry-portfolio .entry-neta {
	  padding-top: 20px !important;
}
.post-full.w-hero .entry-content {
    margin-top: 100px;
}
.blog .entry-portfolio .entry-sitle {
    font-size: 1.2rem;
    line-height: 1.2;
}
.blog .entry-portfolio a:hover img {
    opacity: .3;
}
.widget_recent_entries li span.post-date{
	font-size: 0.8rem;
	clear: both;
  display: inline-block;
  width: 100%;
  font-weight: 600;
}
h4.widget-title{
	color: #1110B4 !important;
}

/* Portfolio title styling */
.entry-portfolio.hover-two .entry-caption {
    display: block;
    position: relative;
    margin-top: -25px;
		margin-bottom: 0px;
		max-width: 100%;
		bottom: 0px !important;
    margin-left: 0px;
		padding-left: 0px;
		padding-top: 5px !important;
	background-image: linear-gradient( 45deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.0) 86%);
}
.entry-caption h3{
	font-weight: 600 !important;}


/* project highlights homepage */
#attachment_2626, #attachment_2559, #attachment_2468 {
	background-color: #1110b3 !important;
}
a img.projectHighlights {
	opacity: 1;
	filter: grayscale(0);
	
}

a:hover img.projectHighlights {
	opacity: 0.5;
	border-bottom: none;
	filter: grayscale(1);
	
}
#attachment_2626 a::after, #attachment_2559 a::after, #attachment_2468 a::after {
	display: none;
}
figcaption {
	background-color: #ffffff !important;
	
	color: #1110B3 !important;
	margin: 0 !important;
	padding: 10px 0px 0px 20px !important;
	bottom: 0 !important;
	right: 0px !important;
}
/*  Share function  */
span.info {
    margin-right: 20px !important;
    font-size: 100% !important;
    opacity: .8 !important;
    color: #1110b3 !important;
}
/* Contact page */
.wpcf7-form textarea, .wpcf7-form input {
	background-color: #FFFFFF !important;
	border-bottom: 2px solid #1110b3;
	color: #000000;
	padding: 0px !important;
	width:100%;
}
.wpcf7-form input {
	height: 54px;
	margin-bottom: 10px;
}
.wpcf7-form input[type="submit"] {
    background-color: none !important;
	border: 2px solid #1110B3 !important;
	margin-bottom: 0px !important;
	height: auto;
	margin-left: 30px;
	border-radius: 80px;
	left: 0;
	font-size: 1.45rem;
	padding: 24px 34px 24px 34px !important;
	max-width: 30%;
	text-align: center;
}
/* SITE NAV */
#site-navigation {
	font-weight:600;
}
/* 
li.top-level-item a{
	color: #1110B3 !important;
}
li.top-level-item a:hover{
	color: #020202 !important;
} */

/* category page */
.archive-header h1 {
    font-size: 1.375rem;
    opacity: .1;
    margin: 0;
}
.archive-header h3 {
  font-size: 5rem;
	font-weight: bold;
	color: #1110B3; 
  opacity: 1;
  margin: -20px 0 0 0;
}
time.entry-minimal__time {
	display: none;
}
/* dont display mouse helper on mobile  */
@media screen and (max-width: 769px) {
.hero-helper-arrow {
    display: none;
}
}
/* force bottom next nav to black */
span.entry-navigation__link, span.entry-navigation__info, .textwidget, .textwidget a, .menu-footer-container a, a.tw, a.fb, a.pin, #site-share .site-share:not(:last-child):not(:first-child)::after {
	color: black !important;
}
/* SUB MENU */
/* Sub menu in top smaller text size */
.sub-menu a {
    font-size: 0.875rem;
}
/* Sub menu for mobile */
@media screen and (max-width: 769px) {
ul.overlay-menu ul.sub-menu li {
    width: 100%;
		opacity: 0.5;
}
ul.overlay-menu li a{
    color: #020202;
}
#site-overlay	span.close svg *{
		fill: #020202;
		stroke: #020202;
	}
	.projects-sub-menu {
		display: flex;
		 flex-wrap: wrap;
		
		
	}
	.projects-sub-menu li {
		margin: 0px !important;
	}
}
.projects-sub-menu {
	list-style:none;
	display: flex;
	
}
.projects-sub-menu li {
	margin-right: 32px !important;
}
.projects-sub-menu  li a {
	color: #020202 !important;
	font-size: 0.875rem;
}
.projects-sub-menu li.current_page_item {
	opacity: 0.3;
}
.su-row {
    margin-bottom: 0.5em !important;
}
.su-row .su-column {
    margin: 0 0 0 0% !important;
}
.su-row .su-column-size-1-4 {
    width: 27% !important;
}
.su-row .su-column-size-3-4 {
    width: 73% !important;
}
ul.su-posts {
	list-style: none !important;
	display: flex;
	justify-content: space-between;
}
ul.su-posts li{
	display: block;
	max-width: 22% !important;

}
ul.su-posts li a{
	margin-bottom: 14px;!important;
}
.su-posts {
	display: flex;
	justify-content: space-between;
}
.su-post {
	max-width: 100%;
}
a.su-post-thumbnail-highlight {
	background-color: #1110b3 !important;
}
.su-posts-default-loop {
	
}
a.su-post-thumbnail-highlight img{
	opacity: 1;
	filter: grayscale(0);
}

a:hover.su-post-thumbnail-highlight img{
	opacity: 0.5;
	filter: grayscale(1);
	border-bottom: none !important;
}
a:hover.su-post-thumbnail-highlight::after {
	display: none !important;
}
.su-post-thumbnail-highlight a::after {
	display: none;
}
h2.su-post-title-recent {
		color: #1110B4 !important;
	font-size: 1em;
}
.wp-block-code {
	display: none;
}