/**
 * Theme Name:     CC Scapes
 * Author:         Clair Yates-Cook
 * Template:       twentytwenty
 * Text Domain:	   cc-scapes
 * Description:    Website theme for CC Scapes Garden Design
 */

body {color: #6f6f6f;}
.site-logo img {max-height: 16rem!important;}
.home .entry-header, .page-template .entry-header {display: none;}
#site-header {background: #f1f6ee;}

.entry-content a {color: #9ab387;}

ul.primary-menu a {color: #9ab387!important;}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {text-decoration: none; color: #52745c!important;}

ul.sub-menu {z-index: 1000; min-width: 250px;}
.panel-grid-cell {z-index: 1!important;}

/*Mobile menu*/
.modal-menu a {color: #9ab387!important;}
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color: #52745c!important;}

.home-slider-overlay h2 {color: #fff; font-size: 4rem; font-weight: 400;}
.home-slider-overlay h4 {color: #fff; font-size: 2.4rem; font-weight: 400;}
.home-slider-overlay {position: left; width: 30%; padding: 20px 20px 40px 20px; background: rgba(0, 0, 0, 0.7);}



.inner-page-header-overlay h1 {color: #fff;}

h1, h2, h3, h4, h5, h6 {margin-top: 0!important; color: #6f6f6f; font-weight: 400;}
h1 {font-size: 4em;}
h2 {font-size: 2.3em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

.italic {font-style: italic;}
.entry-content p {font-size: 0.8em!important;}
.entry-content li {font-size: 0.8em!important; margin: 0;}

.alignleft, .alignright, .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft, .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {max-width: 50%;}

.post .entry-header, .post .featured-media {display: none;}

.white-text p, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6{color: #fff!important;}

.home-portfolio h4 {text-transform: uppercase; padding: 20px 0 0 0; margin: 0!important;}

.main-portfolio img {width: 100%}
.main-portfolio h3 {text-transform: uppercase}

.strong-view.wpmtst-default .wpmtst-testimonial-inner {background: #fff; border: 1px solid #9ab387; }
.testimonials p {font-size: 0.7em!important;}

.home-blog .read-more {margin-left: 20px; padding: 10px 0 0 10px;}
.blog-articles .read-more {margin-top: 20px;}
    .pagination-single {display: none;}
	
.services-tabs .alignright {min-width: 500px;}

.wpmtst-testimonial-field.testimonial-field.testimonial-company {font-style: italic; font-size: 14px;}
	
.social-contact-page {font-size: 50px;}

.rt-pagination .pagination-list>.active>a, .rt-pagination .pagination-list>.active>a:focus, .rt-pagination .pagination-list>.active>a:hover, .rt-pagination .pagination-list>.active>span, .rt-pagination .pagination-list>.active>span:focus, .rt-pagination .pagination-list>.active>span:hover 
{border-color: #4d4a77;}

#site-footer {background: #6f6f6f; margin-top: 0; padding: 60px 40px; margin-top: 0!important;}
#site-footer p, #site-footer a {color: #fff; font-size: 0.9em; font-weight: normal;}
#site-footer ul li {font-weight: normal; font-size: 0.9em;}
.social-icon-footer {display: inline; font-size: 60px!important; }
#menu-socials-footer li a {color: #9ab387!important; padding: 0 10px 0 0 0; margin: 0 20px 0 0;}
#menu-socials-footer {margin-top: -20px;}
.menu-socials-footer-container {padding: 0!important; margin: 0!important;}
#menu-primary-2{padding-bottom:20px;}

a.cerebral {float: left; font-size: 0.9em!important; padding: 20px 0 0 20px;}



@media only screen and (max-width: 768px) {
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

.home-slider-overlay h2 {color: #fff; font-size: 2rem; font-weight: 400;}
.home-slider-overlay h4 {color: #fff; font-size: 1.4rem; font-weight: 400;}
.home-slider-overlay {position: left; width: 70%; padding: 10px; background: rgba(0, 0, 0, 0.7);}
}


@media only screen and (max-width: 980px) {
  /* For tablets landscape: */

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

.home-slider-overlay h2 {color: #fff; font-size: 2rem; font-weight: 400;}
.home-slider-overlay h4 {color: #fff; font-size: 1.4rem; font-weight: 400;}
.home-slider-overlay {position: left; width: 70%; padding: 10px; background: rgba(0, 0, 0, 0.7);}
}