/*
Theme Name: Tim Doyle
Theme URI: https://timdoyleillustrator.com/themes/twentytwenty/
Author: e-Digital Design
Author URI: https://e-digitaldesign.co.uk/
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentychild
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty is distributed under the terms of the GNU GPL.
*/

  @font-face {
  font-family: Architext;
  src: url("fonts/Architext.ttf");
}
@font-face {
  font-family: Marker Felt;
  src: url("fonts/MarkerFelt.ttf");
}

  
body {
  color: #000;
  font-family: Marker Felt, Helvetica, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0em;
  text-align: left;
  }

#sb_instagram .sbi_header_img {width: 50px !important;height: 50px !important;border-radius: 25px !important;}
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3, .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3 {padding-top: 5px !important;color:#000 !important;margin-left: 65px !important;}

.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
  margin: 1.5rem 0 0 2.4rem;
}
    
#site-content-title  {text-align:center !important;} 
#site-content-title h2 {max-width: 150rem; margin:3rem auto; font-family: Marker Felt, Helvetica, sans-serif; font-size:3rem; letter-spacing: 0em;}

.entry-content h2 {max-width: 150rem; margin:1rem auto 1rem; font-family: Marker Felt, Helvetica, sans-serif; font-size:3rem;color:#3300cc; letter-spacing: 0em;}
.entry-content h3 {max-width: 150rem; margin:1rem auto 1rem; font-family: Marker Felt, Helvetica, sans-serif; font-size:3rem;color:#000; letter-spacing: 0em;}
.entry-content a {color:#3300cc;}

.alm-acf-gallery .alm-gallery-img {
  width: 50%;
  float: left;
  padding: 5px;
}

.entry-content .img-fluid {
  width: 50%;
  float: left;
  padding: 30px;
}
  
  
  .entry-content {
  max-width: 150rem !important;
  margin: auto;
    font-family: "Marker Felt", Helvetica, sans-serif;
	font-size:2rem;
	letter-spacing: 0em;
	}
 
  .primary-menu > li > a {color:#000 !important;text-transform:uppercase;}
  
  .footer-copyright {text-align: center;}
  
.site-title {
  font-family: Architext;
  font-size: 3.5rem;
  font-weight: 300;
}
.round-logo {
	display:block;
	float:left;
	margin:auto;
	height:50px;
	width:50px;
	border-radius: 50%;
  	overflow: hidden;
}

#site-header {position:sticky; left:0; top:0; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);z-index:99;}
.site-description {color:#000 !important;text-transform:uppercase;}
.faux-heading {letter-spacing:0em}
@media only screen and (max-width: 600px) {
.faux-heading {letter-spacing:0em;width:175px;padding:10px 0px 10px 65px;}
.header-inner {padding:1rem 0;}
.featured-media img{padding: 0 1em;}
.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
  margin: 0;}
.entry-content .img-fluid { width: 50%;float: left;padding: 10px;}
.about-left, .about-right, .contact-left, .contact-right, .books-left, .books-right, .newwork-left, .newwork-right, .portfolio-left, .portfolio-right {background-size:100% !important;}
}


.toggle .nav-toggle .mobile-nav-toggle button {background-color:none !important}
 .nav-toggle .toggle-inner{color:#000;padding-top:0rem;}
.toggle .close-nav-toggle button {color:#000;background-color:none !important}
.modal-menu a {color:#000 !important;text-transform:uppercase;}

#site-footer {
	color: #FFF;
	border-color: none;
	font-size: 1.2rem;
	padding: 4rem 0;
	background-color: #000 !important;
	}
	
.footer-credits {
  display: block;
  flex-wrap: wrap;
}

.footer-copyright a {color: #FFF; margin: 0rem;}
.copyright {color: #FFF; margin: 0rem;text-align:center;}

.singular .featured-media::before {
	background: none;
	position: relative;
	}
.singular .featured-media-inner {left:0;width:auto; margin: auto;}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 150rem;
  width: calc(100% - 4rem);
}

.featured-img {padding-top: 8rem;}

.about-left {
	background-image: url("img/spatter-grey.png");
	background-repeat: no-repeat;
		background-attachment: fixed;
  background-position: left top; 
  	background-size: 75%;
	}
.about-right {
	background-image: url("img/TD-grey.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
  background-position: right bottom; 
  	background-size: 75%;
	}
	
.books-left {
	background-image: url("img/flag-grey.png");
	background-repeat: no-repeat;
		background-attachment: fixed;
  background-position: left top; 
  	background-size: 75%;
	}
.books-right {
	background-image: url("img/QA-guy-grey.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
  background-position: right bottom; 
  	background-size: 50%;
	}
	
.contact-left {
	background-image: url("img/spatter-grey.png");
	background-repeat: no-repeat;
		background-attachment: fixed;
  background-position: left top; 
  	background-size: 75%;
	}
.contact-right {
	background-image: url("img/Groucho-grey.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
  background-position: right bottom; 
  	background-size: 50%;
	}
	
.newwork-left {
	background-image: url("img/spatter-grey.png");
	background-repeat: no-repeat;
		background-attachment: fixed;
  background-position: left top; 
  	background-size: 75%;
	}
.newwork-right {
	background-image: url("img/Elephant-grey.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
  background-position: right bottom; 
  	background-size: 50%;
	}

.portfolio-left {
	background-image: url("img/spatter-grey.png");
	background-repeat: no-repeat;
		background-attachment: fixed;
  background-position: left top; 
  	background-size: 75%;
	}
.portfolio-right {
	background-image: url("img/RG-grey.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
  	background-position: right bottom; 
	background-size: 50%;
	}

.pb3 {padding: 0 0 3rem 0;}
	
.cta {
	background-color:#3300cc;
	text-align:center;
	padding: 3rem;
	color: #FFF;
	font-size: 2rem;
	text-transform:uppercase;
}
.cta a {color: #FFF;}

.price{
	font-family:Arial, Helvetica, sans-serif;
	color:#3300cc;
	font-size:1.5rem;
	}
	
.wpcf7-form button, .button, input[type="submit"] {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#CCC !important;
	color:#FFF !important;
	font-size:1.5rem;
	}
	
.entry-content button, .button, input[type="submit"] {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#CCC !important;
	color:#FFF !important;
	font-size:1.5rem;
	}
	
button a:hover{text-decoration:none;background-color:#000 !important;}	

.gallery {
    margin-right: auto;
    margin-bottom: 3em;
    margin-left: auto;
}
.gallery-item {
  margin: 0 auto;
  padding: 0 1em 1em 1em;
  width: 100%;
}
.gallery-item img {width:100%;height:auto;padding 15px;}

.igfeed {background-color:#666;	width:100%;	padding-top:15px;}
.feed {max-width:1366px; height:auto; margin:auto;font-size:1.5rem;font-family:Arial, Helvetica, sans-serif;}