/*!
Theme Name: remon
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: remon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

remon is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/



/* ### global classes ### */

a, a:visited { outline: none; }

span.modals {text-decoration: underline; cursor: pointer;}
span.modals:hover {text-decoration: none;}

.modal__content header h3{text-align: center; font-size: 24px;}



@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-Medium.woff2') format('woff2'),
        url('fonts/NeueMontreal-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
p.logo {float: left; padding-top: 4px; padding-left:5px; font-family: 'Neue Montreal', sans-serif; }
#loading {float: left;}
.dr-nav-header__logo {width: 280px!important; margin-top: 8px;}
.bg-dark {background:#000; color:#fff;}
.bg-dark h1, .bg-dark a {color:#fff;}


.single h1, .single h2, .single h3  { font-family: 'Neue Montreal', sans-serif;}

.single .text-sm.cta a {background:#000; color:#fff; margin-top: 16px;  padding: 8px 16px; text-decoration: none; border-radius: 50px; cursor: pointer; font-family: 'Neue Montreal', sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 32px;}
.single .text-sm.cta a:hover {opacity: 0.8;}

.gform_wrapper .gform_footer input.button {background:#000; color:#fff; border-radius: 50px; border: 0px; cursor: pointer; padding: 16px 24px;}
.gform_wrapper .gform_footer input.button:hover {opacity: 0.8;}


.thank-you h1, .page-template-page-thank-you h1 {font-size: 48px; font-weight:700; margin-bottom: 40px;}
.page-template-page-thank-you p {margin-bottom: 16px;}

.page-template-page-thank-you .author__img-wrapper {margin-top: 24px;}

/* ### modal menu ### */


.dr-nav-header__logo {position: relative;   left: 0px; }
  .modal--search  {background: #0B131A; }
  .modal .story-v3 .story-v3__title {font-family: 'Neue Montreal', sans-serif; font-weight: 400; font-size: 8.5vw!important;
line-height: 3vw; padding-top: 3rem; padding-bottom: 3rem; color:#fff;}
    .modal .story-v3:hover .story-v3__title {opacity: 0.8;} 

.modal--search {z-index: 10;}

.modal .icon-arrow { float: right; margin-right: 20px; width: 9rem; margin-top:20px!important;}
.modal .icon-arrow svg {font-size: 140px; color:#fff;}


.modal  .story-v3:hover .icon-arrow svg  {transform: rotate(-45deg);}
/* hide scrollbar but allow scrolling */
.modal__content {
-ms-overflow-style: none; /* for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
overflow-y: scroll; 
}

.modal__content::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}




/* ### home ### */
.homes h1 {  font-family: 'Neue Montreal', sans-serif; font-weight: 500; font-size: 142px!important;
line-height: 156px!important;  text-transform: uppercase; letter-spacing: -6px; margin-bottom: 16px!important;}
.homes .text-sm {max-width: 300px;}
.modal .text-sm {max-width: 100%;}
.homes .story-v3 {border-top: none; box-shadow:none; padding-top: 0px;}
.homes .minimal {border-radius:50px; border: 2px solid #000; text-decoration: none; padding: 16px 24px 16px 24px; font-family: 'aktiv-grotesk', sans-serif; background:none; color:#000; box-shadow: none; font-weight: 500;}
.homes .minimal:hover {background:#000; color:#fff; }
.homes .color-contrast-medium.text-md {margin-bottom:0px; font-size: 28px;}
.homes h1:hover {text-decoration: none;}
.homes .text-bottom {float: left; margin-top: 24px;}


 .page-template-page-thank-you .minimal {border-radius:50px; background:#000; text-decoration: none; padding: 16px 24px 16px 24px; font-family: 'aktiv-grotesk', sans-serif; color:#fff; box-shadow: none; font-weight: 500; margin-top: 32px;}
 .page-template-page-thank-you .minimal:hover {background:#fff; color:#000; }


.dr-nav-header__logo:hover #loading ,
#loading:hover {
    -webkit-animation: rotation 2s infinite linear;
    
}

@-webkit-keyframes rotation {
    from {
            -webkit-transform: rotate(0deg);
    }
    to {
            -webkit-transform: rotate(359deg);
    }
}

    

/* ### about ### */

/* ### contact ### */

/* ### subscribe ### */


/* ### post categories ### */

/* ### single post ### */

.text-component h4 {font-weight: 400; font-family: 'Neue Montreal', sans-serif; }

.single header section div.position-sticky.z-index-1.top-0 div.container.max-width-sm p {text-transform: uppercase; letter-spacing: 0.6px;}

.single h1 {font-family: 'Neue Montreal', sans-serif; font-weight: 400; font-size: 5em; line-height: 122px; letter-spacing: -1px; }

.postid-1704 header h1 {font-size: 88px; line-height: 96px;}

.single-post header p.text-sm.color-contrast-medium.aos-init.aos-animate a:hover, .single-post .content_blocks ul li a:hover ,.single-post .content_blocks ul li a u:hover {text-decoration: none;}

.list--ol {margin-top: 16px;}
.list--ol li {margin-bottom: 32px;}

.size-s img {max-width: 480px;} 

.single  .verticalText{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
writing-mode:tb-rl;
white-space:nowrap;
width: 32px;
margin-left: 0px;
margin-top:18px;
margin-bottom:16px;
line-height: 28px;
color:#fff;
font-family: var(--font-primary);
font-size: 20px;
letter-spacing: 1px;
font-family: 'Neue Montreal', sans-serif; 
}
.single  .verticalText:hover {color:#000;}

.sticky-sharebar {display: none;}
.sticky-sharebar__btn {height: 8.2em; }
.sticky-sharebar__list {background:#000; color:#fff;}
.sticky-sharebar__list:hover {opacity: 0.8;}
.sticky-sharebar__list:hover  .verticalText {color:#fff;}

.drawer--modal .drawer__content {background:#fff;}

.max-width-adaptive-sm {max-width: 42rem;}
.text-component blockquote {border:none;}
.single .text-component .content_blocks p a:hover {text-decoration: none;}


.single .testimonial .text-center p.text-uppercase.letter-spacing-md{margin-bottom: 0px;}
.single .author__content h4 {font-size: 17px;  font-family: 'Neue Montreal', sans-serif; font-weight: 400;}
.single .author__content p.color-contrast-medium.text-sm {line-height: 24px; font-size: 16px;}

.single .testimonial.position-relative.z-index-1.padding-y-xxl {padding-top: var(--space-xl); padding-bottom: var(--space-md);}

.text-component figcaption {font-style: italic;}

.text-component blockquote.sidetip { padding-left: 1em; border-left: 4px solid var(--color-contrast-lower);font-style: italic;}


/* ### archive overview  ### */
.page-header h1 { text-align: center;  font-family: 'Neue Montreal', sans-serif; font-weight: 400; font-size: 200px;
line-height: 14.5vw; padding-top: 6rem;  padding-bottom: 6rem; text-transform: uppercase; letter-spacing: -10px; text-align: center;}
.archive .text-component h1 {font-size:28px; font-weight: 400;  font-family: 'Neue Montreal', sans-serif;}

/* ### post archive  ### */
.latest-posts {}


.testimonial__block-wrapper blockquote {font-style: italic;}

.commentlist .even .comment { 
background-color:#ccddf2; 
} 
.commentlist .odd .comment {
background-color:#CCCCCC;
}

.bypostauthor {
background-color: #f2f2f2; 
margin-left: 16px;
padding: 16px;
}

li.bypostauthor cite span {
    color: #21759b;
    background-color: #f8f0cb;
    background-image: none;
    border: 1px solid #f8f0cb;
    border-radius: 3px;
    box-shadow: none;
    padding: 3px;
    font-weight:bold;
}


/* ### Comments   ### */
 h3.comment-reply-title {font-size: 21px;}
.comment-form-author label, .comment-form-email label,.comment-form-comment label {  display: none;}
.comment-form-comment textarea {margin-bottom: 0px; width: 100%;}
.comment article {padding-bottom:2.79rem;}
#respond { padding:0; margin-bottom: 120px;}
.says {display:none;}
.comment-metadata time { display: none !important;}
.comment-content p,.edit-link a, .reply a,p.comment-form-cookies-consent label {font-size: 18px;}
.comment-respond p.form-submit input#submit.submit{background:#fff; border:1px solid #000; color:#000; margin-top: 16px; padding: 16px 32px 16px 32px; border-radius: 50px; cursor: pointer; -webkit-appearance: button; font-family: 'Neue Montreal', sans-serif; font-size: 18px;}
.comment-respond p.form-submit input#submit.submit:hover {background:#000; color:#fff;}
.comment-form-author, .comment-form-email {float: left; width: 50%;}
.comment-form-author input, .comment-form-email input {padding:16px 8px 16px 8px;}
.comment-form-author input, .comment-form-email input {width: 100%; border-radius: 0px; border:1px solid #333; border-top:0px; margin-bottom: 16px;}
.comment-form-comment textarea{width: 100%; border-radius: 0px; border:1px solid #333; padding:16px 8px 16px 8px;}
.comment-form-email input {border-left: 0px;}
#respond.comment-respond form#commentform.comment-form em {font-size: 14px; margin-bottom: 16px; float: left; width: 100%;}
.comment-author.vcard b.fn {font-weight: bold;}

.comment .comment-author.vcard .avatar {border-radius: 100%;}

.comment-form p.logged-in-as {margin-bottom: 16px;}

.js-modal__close.js-tab-focus {cursor: pointer;}

.postid-1600 h1.aos-init.aos-animate {font-size: 4rem; line-height: 1.5;}


.page-template-page-download {background: #f2f2f2}

.home .text-component.position-relative.z-index-2 p a:hover {text-decoration: none;}



/* ### free download box ### */
.DownloadBox { display: flex; flex-wrap: wrap; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.1); max-width: 960px; margin: 60px auto; }

.DownloadBox .formColumn { flex: 1 1 50%; padding: 40px; box-sizing: border-box; }
.DownloadBox .formColumn h2 { font-size: 32px; color: #000; margin-bottom: 20px; }
.DownloadBox .formColumn p { color: #5f6368; line-height: 1.6; margin-bottom: 30px; }
.DownloadBox .formColumn form label { display: block; margin-bottom: 10px; color: #333; font-weight: 600; font-size: 14px; }
.DownloadBox .formColumn form input { display: block; width: 100%; padding: 12px 16px; margin-bottom: 15px; border: 1px solid #e1e1e1; border-radius: 6px; font-size: 14px; }
.DownloadBox .formColumn form button { width: 100%; background: #000; color: #fff; padding: 14px; font-size: 16px; border: none; border-radius: 6px; cursor: pointer; transition: background 0.3s; }
.DownloadBox .formColumn form button:hover { background: #222; }
.DownloadBox .formColumn small { display: block; margin-top: 15px; font-size: 12px; color: #888; }

.DownloadBox .imageBlock { flex: 1 1 50%; }
.DownloadBox .imageBlock img { width: 100%; height: 100%; object-fit: cover; display: block; }

    
    
    @media not all and (min-resolution:.001dpcm) { 
          @media {
            /* your code for Safari Desktop & Mobile */
          .verticalText {
                 width:10px!important;
                 margin-left: 25px!important;
               }
            /* end */
          }
        }
    





/* #Media Queries
================================================== */
@media only screen and (min-width: 1648px) {
.max-width-sm {max-width: var(--max-width-md);}    
    
}

@media only screen and (max-width: 1448px) {
  
 .homes h1 {font-size:154px!important; line-height:170px!important; }
 .home.page-template-default.page .homes .container.max-width-lg.padding-top-xxl {padding-top: var(--space-md);}    
      
  }

@media only screen and (max-width: 1024px) {


.single-post header .margin-top-xxl {margin-top: var(--space-xl);}
.single-post header h1 {font-size: 112px; line-height: 124px;}

article.story-v2.col-6@md.col-4@xl {flex-basis: calc( 33.333% - 0.01px - var(--gap-x, 0.75em)); max-width: calc( 33.333% - 0.01px - var(--gap-x, 0.75em));}
 
.homes div.container.max-width-lg.padding-top-xxl {padding-top: 32px;}
.homes h1 {font-size: 154px !important; line-height: 154px !important;}
.homes .text-bottom {margin-top: 32px;}
 #modal-search.modal.container.padding-top-xxxl.padding-bottom-md.padding-y-md@sm {padding-top: 0px;}
#modal-search.modal.modal--search ul li a.story-v3.padding-y-md.js-story-v3 {padding-top: 8px; padding-bottom: 8px}
 .modal .icon-arrow svg {font-size: 96px;}
.page-template-page-latest-posts-php .latest-posts.max-width-adaptive-md header h1 {font-size:164px!important;}
.category-typography header.page-header h1.page-title {font-size: 140px; letter-spacing: -1px; }

    
}

@media only screen and (max-width: 1023px) {
    
    .page-header h1  {font-size: 140px;}
    .DownloadBox {margin-left: 16px; margin-right: 16px;}
    .DownloadBox .formColumn {flex:1 1 100%;}
  
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
    
.page-template-page-latest-posts-php .latest-posts.max-width-adaptive-md header h1 {font-size: 148px!important;}
.single-post header .margin-top-xxl {margin-top:var(--space-xxxl);}
.category-typography header.page-header h1.page-title {font-size: 98px; letter-spacing: -1px; }
ul li a.story-v3.padding-y-md.js-story-v3 h1.story-v3__title.text-xl {font-size: 24px!important;}

    
}

@media only screen and (max-width: 767px) {
    
.modal .icon-arrow svg {font-size: 48px;}
.modal .icon-arrow {width: 2rem;}
.modal .story-v3 .story-v3__title {font-size: 13.5vw !important;}
.modal .icon-arrow {margin-top:32px !important;}

.modal .container.padding-top-xxxl {padding-top:var(--space-xl);}
    
.homes  {text-align: center;}  
.homes h1 {font-size: 72px !important; line-height: 80px !important; letter-spacing:1.2px; padding-top: 120px; padding-bottom: 0px; }
.homes div.container.max-width-lg.padding-top-xxl {padding-top: 80px;} 
.homes .minimal {margin: 0px auto;}
.homes .color-contrast-medium.text-md {margin-top: 32px;}
.page-header h1 {font-size: 64px; letter-spacing: -1px;}
.homes .text-sm {margin: 0px auto;}
.single-post header .margin-top-xxl {margin-top: var(--space-xxl);}
.single-post header h1  {font-size: 64px; line-height: 1.2;}
.single .overscroll-gallery .padding-x-xxl {padding-right: 16px; padding-left: 16px;}
.single header .position-relative.z-index-2 {margin-top: -164px;}

.comment-form-author, .comment-form-email {width: 100%;}
.single .content_blocks  {font-size: 18px!important; line-height: 1.4;}

.single .list--ol > li {padding-bottom: 16px;}

.single .testimonial.padding-y-xxl { padding-top: var(--space-xl);padding-bottom: var(--space-md);}
.single .prev-next.padding-top-xl {padding-top: inherit;}
.page-template-page-latest-posts-php .latest-posts.max-width-adaptive-md header h1 {font-size: 64px!important; letter-spacing: -1px;}
.page-template-page-latest-posts .container.padding-top-xxxl {padding-top: 64px;}

ul li a.story-v3.padding-y-md.js-story-v3 h1.story-v3__title.text-xl {font-size: 22px!important;}
.comment-form-author input {margin-bottom: 0px;}
.comment-form-email input { border-left:1px solid #333;}

.modal .text-component.text-center h1  {margin-top: 0px; font-size: 40px!important; padding-top: 0px;}

.single header section.position-relative.z-index-1 div.position-relative.z-index-2 div.container.max-width-adaptive-lg div.overscroll-gallery div.padding-x-xxl {padding-left: 0px; padding-right: 0px;}
.single figure.image-zoom.js-image-zoom.shadow-lg img.image-zoom__preview.js-image-zoom__preview {height:80vh; object-fit:cover;}

.page-template-page-subscribe h1,.page-template-page-about .feature-v12__offset-item.text-center h1, .page-template-page-contact h1 {font-size:72px!important;}
.page-template-page-subscribe.text-component.text-center.margin-bottom-sm p br {display: none;}


.modal .icon-arrow svg {font-size: 56px;}



}

@media only screen and (max-width: 479px) {
    

.category-typography header.page-header h1.page-title {font-size: 48px; letter-spacing: 1px;}
ul li a.story-v3.padding-y-md.js-story-v3 h1.story-v3__title.text-xl {font-size: 18px!important;}

.page-template-page-subscribe h1, .page-template-page-about .feature-v12__offset-item.text-center h1, .page-template-page-contact h1 {font-size:54px!important;}
.single-post header h1 {font-size: 56px;}
    
}