/* Theme Information */
/*
Theme Name: RDC
Theme URI: http://themetailor.co.za
Author: ThemeTailor
Author URI: http://themetailor.co.za
Description: Webanchor Boiler Plate Theme
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: themetailor
Tags: editor-style
*/


@font-face {
    font-family: 'avenir_next_lt_proregular';
    src: url('fonts/avenirnextltpro-regular-webfont.woff2') format('woff2'),
         url('fonts/avenirnextltpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenir_next_lt_proitalic';
    src: url('fonts/avenirnextltpro-it-webfont.woff2') format('woff2'),
         url('fonts/avenirnextltpro-it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenir_next_lt_probold';
    src: url('fonts/avenirnextltpro-bold-webfont.woff2') format('woff2'),
         url('fonts/avenirnextltpro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'AvenirNext';
  src: url('fonts/AvenirNext-DemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}



:root { 
    --red: #DE1A22;
    --white:  #FFF;
    --grey: #414142;
    --pink: #f9f4f6;
 }

.has-white-color { color: var(--white); }
.has-white-background-color { background-color: var(--white); }

.has-red-color { color: var(--red); }
.has-red-background-color { background-color: var(--red); }

.has-grey { color: var(--grey); }
.has-grey-background-color { background-color: var(--grey); }

.has-pink { color: var(--pink); }
.has-pink-background-color { background-color: var(--pink); }



/* Reset */
html { scroll-behavior: smooth; }
body { font-family: 'avenir_next_lt_proregular', Arial; letter-spacing: .1px; }
body { margin: 0; padding: 0; color: var(--grey); font-size: 16px; line-height: 1.5; font-weight: 300; }

h1, h2, h3, h4, h5, h6 { font-family: 'avenir_next_lt_probold', Arial; margin: 0 0 15px 0; padding: 0; letter-spacing: 1px; }
h4 { margin-bottom: 20px; }

p, ul, ol { margin: 0 0 15px 0; padding: 0; color: var(--grey); }
p a { font-family: 'avenir_next_lt_probold', Arial; }
p a:hover { color: var(--red); opacity: .7; }
ul { list-style: inside; }
ol { list-style: inside numeric; }

ol.noli, ul.noli { list-style-type: none; }
strong, b { font-family: 'avenir_next_lt_probold', Arial; }
img { width: 100%; height: auto; }
.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); box-sizing: border-box; padding: 0; }
.alignwide  { max-width: 1000px; margin: 0 auto; }
.aligncenter { text-align: center; }

.wp-block-post-excerpt__excerpt { margin-bottom: 15px; }
.wp-block-post-excerpt__more-link { font-weight: 600; }
.wp-block-button__link { padding: 10px 15px!important; letter-spacing: .2px; font-family: 'AvenirNext'; }
.wp-block-button__link.has-red-background-color:hover { background-color: var(--grey); }


.tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit, .tnp-unsubscribe button.tnp-submit, .tnp-reactivate button.tnp-submit { background: #32373c!important; text-transform: uppercase; font-weight: normal; font-size: var(--wp--preset--font-size--small) !important; opacity: 1!important; }

a { color: var(--red); text-decoration: none; transition: all 0.3s; }
a:hover, a:focus { opacity: .8; }

header { background: var(--white); }
header h1 { margin: 0; padding-right: 20px; }
header h1 a { margin: 0; text-indent: -9999px; font-size: 60px; color: var(--red); background: url('img/logo.png');  display: block; background-repeat: no-repeat; background-position: bottom center; background-size: 100%; width: 100px; height: 113px; }
header h1 a:hover { color: var(--red); text-decoration: none; opacity: .9; }
header p { margin: 0; }
header.page-header { padding: 10px 30px; background: var(--red); }
header.page-header h1 { color: var(--white); }
.site-branding p { display: none; }
header .container { justify-content: space-between; align-items: center; }

/*
.home header {
    background: var(--red);
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    opacity: 1;
    position: relative;
    --after-opacity: 0; }

.home header::after {
    background: url('img/door.jpg');
    content: "";
    width: 100vw;
    height: 100vh;
    background-attachment: fixed;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: var(--after-opacity);  transition: opacity 0.3s ease; 
} 


.home header .container { height: 100vh; align-items: end; display: flex; }
.home header h1 { padding: 0; display: flex; justify-content: end; }
.home header h1 a { margin: 0; padding: 0;  color: var(--white); background: url('img/logo-white.png'); display: block; background-repeat: no-repeat; background-position: top right; background-size: 500px; width: 500px; height: 352px; transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out; }
.home header h1 a span { text-indent: -9999px; font-size: 0px; }
.home .site-branding { text-align: right; padding-bottom: 100px; transition: transform 0.3s ease, opacity 0.3s ease; }
.home .site-branding p { display: block; color: var(--white); font-size: 18px; }*/
.site-branding h1 { transition: transform 1s ease-in-out; }
.site-header.scrolled .site-branding h1 { transform: scale(0.3); }
.site-branding { padding: 20px 0; }

span.down { display: none; }
.desktop .home span.down { position: absolute; display: block; text-align: center; bottom: 5px; left: 0; right: 0; z-index: 9999; }
.desktop .home span.down a { cursor: pointer; color: white; font-size: 30px; }
.desktop .home span.down > a:hover { opacity: .8; }



nav {  }
nav ul { list-style: none; margin: 0; display: flex; justify-content: space-between; padding-left: 4px; }
nav li { display: inline-block; position: relative; margin-left: 30px; }
nav a { font-size: 14px; color: var(--grey); font-family: 'AvenirNext'; font-weight: 600; padding: 10px 0; display: block; letter-spacing: .5px; text-transform: uppercase; }
nav a:hover, nav li.current-menu-item a { color: var(--red); }
nav ul.sub-menu { display: none; padding: 0; margin: 0; }
.menu-nav-container { width: 100%; }
.desktop nav ul li.menu-item-has-children:hover ul.sub-menu { display: block; position: absolute; left: -20px; top: 40px; background: var(--white); z-index: 9999; width: 240px; padding: 0 20px; }
.desktop nav ul li.menu-item-has-children:hover ul.sub-menu li a { cursor: pointer; }
nav ul.sub-menu li { display: block; width: 100%; padding-right: 0; }

aside { box-sizing: border-box; margin-left: 4%; width: 21%; }
aside ul, aside ul li { list-style: none; margin: 0; padding: 0; }
aside h2 { font-family: 'avenir_next_lt_probold', Arial;
  margin: 0 0 15px 0;
  padding: 0; font-size:16px;
  color: var(--red);
  letter-spacing: 1px; }

section.description { padding: 30px 30px 30px; font-size: 18px; background: var(--grey); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); margin-bottom: 50px; }


.container { max-width: 1000px; margin: 0 auto; display: flex; }

.content-area { width: 75%; }
.content-archive { max-width: 80%; margin: 0 auto; }



.greyblock p a { color: var(--red); }

form { color: var(--grey); }
form input { background: var(--white)!important; }
form .tnp-field { margin-bottom: 20px!important; }


.entry-header h1, .entry-header h2 { font-size: 24px; margin-bottom: 10px; }
.entry-header h1 a, .entry-header h2 a { color: var(--grey); }
.entry-content { font-size: 16px; line-height: 1.8; margin-bottom: 40px; }
.entry-meta { margin-bottom: 10px; font-size: 12px; }
.more-link { background-color: #0073aa; border-radius: 3px; color: var(--white); display: inline-block; padding: 5px 15px; transition: background-color 0.3s; }
.more-link:hover { background-color: #005177; }



footer#colophon {  font-size: 11px; width: 100%; max-width: 100%; margin: 0 auto; background: var(--grey); color: var(--white); padding: 10px 0; text-align: center; }
footer a { color: var(--white); cursor: pointer; }
footer a:hover { color: var(--red); }
.clearfix::after { content: ""; clear: both; display: table; }

#content { align-content: space-evenly; display: flex; }

.page-id-1077 .wp-block-image { margin: 0!important; }

article { margin-bottom: 40px; overflow: hidden; display: flex; flex-direction: column; }
.archive article .entry-content { display: flex; }
.archive article .entry-content .entry-text { width: 70%; display: flex; flex-direction: column; justify-content: space-between; }
.archive article .entry-content .entry-text h2 { margin-bottom: 10px; }
.archive article .thumb { width: 28%; margin-left: 2%; }
.archive article img { width: 100%; height: auto; }
.archive article { border-bottom: 1px solid var(--grey); background: var(--grey); padding: 30px; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); }
.archive article .tags { font-size: 12px; margin-top: 20px; }
.archive article .tags a { color: var(--red); }
.archive article .tags a:hover { color: var(--red); }

.archive section.letter-section {  padding: 5px 30px; background: var(--red-3); margin-bottom: 40px;  }
.archive section.letter-section h2 { color: var(--white); }
.archive .letter-navigation { f color: var(--grey); letter-spacing: 1px; }
.archive .letter-navigation a { color: var(--white); font-weight: 600;  }

a.btn-read-more { font-family: 'AvenirNext'; font-weight: 600;  margin-top: 20px; font-size: 18px; background: var(--red); color: var(--white); padding: 5px 20px; display: block; width: fit-content; letter-spacing: .2px; }
a.btn-read-more:hover { background-color: var(--grey); }

input[type=submit] { transition: all 0.3s; border: none; font-family: 'AvenirNext'; font-weight: 600; letter-spacing: .2px; margin-top: 20px; font-size: 18px; background: var(--grey); color: var(--white); padding: 11px 15px; display: block; width: fit-content; cursor: pointer; }
input[type=submit]:hover { background-color: var(--red); }


.single .entry-content img { max-width: 430px; margin-bottom: 30px; margin-right: 30px; float: left; }
.single .entry-header { padding: 10px 30px; background: var(--red); border: none; margin-bottom: 30px; }
.single .entry-header h1 { color: var(--white); margin: 0; padding: 0; }
.single .tags { display: block; color: var(--white); background: var(--red); font-size: 12px; padding: 5px 10px; width: fit-content; }
.single .tags a { color: var(--white); }
.single .tags a:hover { opacity: .8; }

.eventbox { margin-bottom: 20px; }

.post-type-archive-event .content-area { width: 900px; }

section.page-content { width: 1000px; margin: 0 auto 60px; }
section.page-content img { width: 100%; height: auto; }
.page-id-35 section.page-content { margin-bottom: 0; }

.btn-see-more a { background: var(--red); color: #FFF; padding: 10px 20px; }

.postblock { padding: 30px; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); }
.postblock img { margin: 20px 0; display: block; }
.postblock h2 { font-size: 20px; }
.postblock p {  }


/* BLOG */

.blog header.entry-header { padding: 0; }
.blog .entry-content { display: flex;  }
.blog article:nth-child(even) .entry-content { flex-direction: row-reverse; }
.blog .entry-content .featimg { width: 35%; padding-right: 30px; box-sizing: border-box; }
.blog .entry-content .excerpt { width: 65%; display: flex; flex-direction: column; justify-content: center; }
.blog .tag-footer { font-size: 12px; padding-top: 20px; }
.blog .tag-footer a { color: var(--red); }
.blog .tag-footer a:hover { color: var(--grey); }
.blog .entry-content:not(:has(.featimg)) .excerpt { width: 100%; }


.search header.entry-header { padding: 0; }
.search .entry-content { display: flex;  }
.search article:nth-child(even) .entry-content { flex-direction: row-reverse; }
.search .entry-content .featimg { width: 35%; padding-right: 30px; box-sizing: border-box; }
.search .entry-content .excerpt { width: 65%; display: flex; flex-direction: column; justify-content: center; }
.search .tag-footer { font-size: 12px; padding-top: 20px; }
.search .tag-footer a { color: var(--red); }
.search .tag-footer a:hover { color: var(--grey); }

.search .entry-content:not(:has(.featimg)) .excerpt { width: 100%; }


.wp-pagenavi { margin: 40px auto; display: block; text-align: center; }
.wp-pagenavi a, .wp-pagenavi span { min-width: 19px; display: inline-block; }

.wp-block-cover .wp-block-cover__inner-container { max-width: 1000px; margin: 0 auto; }


.blogcontainer { display: flex; }
.blogcontainer .blogbox { width: 71%; }
.blogcontainer aside { width: 25%; }

.sidebar a { color: var(--grey); }

.wp-block-search__inside-wrapper input { border-color: var(--grey); }
.wp-block-search__inside-wrapper button { font-family: 'avenir_next_lt_probold'; letter-spacing: 1px; background: var(--grey); border-color: var(--grey); color: var(--white); margin-left: 0; border-left: none; }
.wp-block-search__inside-wrapper button:hover { border-color: var(--red); background-color: var(--red); }

#sidebar-primary > .widget { margin-bottom: 15px; }
#sidebar-primary > .widget_search { margin-bottom: 30px; }
#sidebar-primary h3 { color: var(--red); }
#sidebar-primary article { margin: 0; }
#sidebar-primary ol.wp-block-latest-comments { margin-bottom: 30px; }
#sidebar-primary .wp-block-latest-posts__list { margin-bottom: 30px; }
#sidebar-primary .wp-block-latest-posts__list li { margin-bottom: 15px; }
#sidebar-primary a:hover { color: var(--red); }

.listindent { list-style: none; padding-left: 40px; }
.listindent a { font-family: 'avenir_next_lt_probold'; }


#gform_submit_button_1, .tnp-submit { cursor: pointer; background: #32373c!important; text-transform: uppercase; font-weight: normal; font-size: var(--wp--preset--font-size--small) !important; opacity: 1!important;  }
#gform_submit_button_1:hover, .tnp-submit:hover { background: var(--red)!important; }
.gfield input, .gfield textarea { border: 1px solid #ccc; }

.tnp-subscription-minimal { padding: 20px 0; }
.tnp-subscription-minimal form { text-align: left!important; }

.icon-column { max-width: 80%; margin: 0 auto; }

#showmobi {  text-align: center; font-weight: 600; display: none; font-size: 30px; cursor: pointer; }

/* Mobile Phones (Portrait) */
@media only screen and (max-width: 480px) {
    section.page-content { max-width: 90%; margin: 0 auto; }
    .blog aside, .single aside { display: none; }
    .blog .content-area { width: 100%; }
    .single .content-area { width: 90%; margin: 0 auto; }
    .blog .entry-content { display: block; }
    .blog .entry-content .featimg { width: 100%; padding: 0; }
    .blog .entry-content .excerpt { width: 100%; padding: 0; }
    .blogcontainer .blogbox { width: 100%; }
    .blogcontainer { width: 90%; margin: 0 auto; display: block; }
    nav ul { display: block; }
    nav ul li { display: block!important; text-align: center; }
    nav ul.sub-menu { display: block!important; }
    #menu-item-1265 > a { display: none; }
    .site-branding h1 { padding-right: 0; }
    .menu-nav-container { display: none; }

    #showmobi { display: block; }
    #showmobi svg.fa-bars { display: inline-block; }
    #showmobi.active svg.fa-bars { display: none; }

    #showmobi svg.fa-xmark { display: none; }
    #showmobi.active svg.fa-xmark { display: inline-block; }
    .mobile90 { max-width: 90%; margin: 0 auto; }

	header h1 a { width: 200px;height: 141px; background-size: 200px; }
	header::after { height: 267px!important; }
    .site-branding p { margin-right: 0; }
	header .container { display: block; }
	header h1 a { background-size: 120px; width: 300px; height: 150px; margin-right: 0; margin-bottom: 10px; }
	.site-branding { padding: 20px!important; display:flex; flex-direction:column; box-sizing:border-box; align-items:center; }

	span.down { display: none; }
    :where(.wp-block-columns) { margin-bottom: 20px!important; }
    .menu-primary-menu-container { box-sizing: border-box; }
    nav { padding-bottom: 20px; }
    nav ul { padding: 0; }
    nav ul li { padding: 0; margin: 0; }
    .menu-primary-menu-container { display: none; background: #FFF; width: 100%; z-index: 9999; position: relative; padding: 20px 0; }
    .alignfull .alignwide { padding:  0 30px; }
    .wp-block-cover.has-parallax { min-height: 30vh!important; }

}

/* Mobile Phones (Landscape) */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    section.page-content { max-width: 90%; margin: 0 auto; }
    .blog aside, .single aside { display: none; }
    .blog .content-area, .single .content-area { width: 100%; }
}

/* Tablets (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    section.page-content { max-width: 90%;  }
    nav ul { padding: 0 15px; }
     .container { max-width: 100%; padding: 0 30px; }
    .alignwide { max-width: 90%; }
    section.page-content { max-width: 90%; }
    .wp-block-cover .wp-block-cover__inner-container { max-width: 90%; }
    .blogcontainer { max-width: 96%; margin: 0 auto; }

    .single aside { display: none; }
    .single .content-area { width: 100%; }
}

/* Tablets (Landscape) */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .container { max-width: 100%; padding: 0 30px; }
    .alignwide { max-width: 90%; }
    section.page-content { max-width: 90%; }
    .wp-block-cover .wp-block-cover__inner-container { max-width: 90%; }
    .blogcontainer { max-width: 96%; margin: 0 auto; }
}