/*
===================================================
=
= Edit text
=
=====================================================================
*/


body .edit-link a {

    position:relative;
    text-transform: uppercase;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 13px;
    font-weight:bold;
    color:#666666;
    padding-right: 10px; 
    line-height: 1;
    @include transation_delay();
}

body .edit-link a:after {

    content: '';
    background: #666666;
    height: 1px;
    width: 30px;
    position: absolute;
    z-index: 1;
    top: 55%;
    left: 35px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    @include transation_delay();
}

body .edit-link a:hover:after {

    content:'';
    left:40px;
}

/*
===================================================
=
= Post & pages
=
=====================================================================
*/


.sticky {

    display: block;
}

.hentry {

    margin: 0;
}

.updated:not(.published) {

    display: none;
}

.page-content,
.entry-content,
.entry-summary {

    margin: 0;
}

.page-links {

    clear: both;
    margin: 0 0 1.5em;
}

.comment-content a {

    word-wrap: break-word;
}

.bypostauthor {
    
    display: block;
}


/*
===================================================
=
= Infiniate scroll
=
=====================================================================
*/


// Globally hidden elements when Infinite Scroll is supported and in use.

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {

    // Theme Footer (when set to scrolling)

    display: none;
}


// When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. 


.infinity-end.neverending .site-footer {

    display: block;
}


/*
===================================================
=
= Embeds
=
=====================================================================
*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {

    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

// Make sure logo link wraps around logo image.

.custom-logo-link {

    display: inline-block;
}




/*
===================================================
=
= Wordpress Captions
=
=====================================================================
*/


.wp-caption {

    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {

    margin: 0.8075em 0;
}

.wp-caption-text {

    text-align: center;
}



/*
===================================================
=
= Wordpress Gallery
=
=====================================================================
*/


.gallery {

    margin-bottom: 1.5em;
    margin-left: -2%;
}

.gallery-item {

    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: 3%;
    margin-left: 2%;
}

.site-main .gallery a img {

    max-width: none;
    width: 100%;
}

.gallery-columns-2 .gallery-item {

    max-width: 47%;
}

.gallery-columns-3 .gallery-item {

    max-width: 31.33%;
}

.gallery-columns-4 .gallery-item {

    max-width: 23%;
}

.gallery-columns-5 .gallery-item {

    max-width: 18%;
}

.gallery-columns-6 .gallery-item {

    max-width: 14.66%;
}

.gallery-columns-7 .gallery-item {

    max-width: 12.28%;
}

.gallery-columns-8 .gallery-item {

    max-width: 10.5%;
}

.gallery-columns-9 .gallery-item {

    max-width: 9.11%;
}

.gallery-caption {

    display: block;
}


/*
===================================================
=
= Wordpress comment box
=
=====================================================================
*/

 .comments-area {

    margin: 0;
}

 .comments-area textarea {

    padding:20px;
 }

  .comments-area textarea,
  .comments-area input {
    
    margin-bottom:30px;
}

.comments-area .comments-title,
.comment-respond .comment-reply-title {

    font-size: 24px;
    margin: 0 0 15px;
}

.comments-area ol {

    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area .comment-list {

    background: transparent;
    padding: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    margin:30px 0;
}

.comments-area .comment-body {
    
    display:block;
    overflow: hidden;
    margin: 0 0 30px;
    padding: 30px;
}

.comments-area .children {

    margin-left: 25px;
}

.comments-area .children li {
    
    position: relative;
    margin-bottom:30px;
    
}

.comments-area .children li.depth-2,
.comments-area .children li.depth-3,
.comments-area .children li.depth-4,
.comments-area .children li.depth-5,
.comments-area .children li.depth-6    {

    padding-left:25px;
}

.comments-area .comment-body .comment-meta {

    background:transparent;
    padding: 0;
    margin:0;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.comments-area .comment-body .comment-meta img {

    border-radius: 100%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.comments-area .comment-body .fn,
.comments-area .comment-body .fn a {
    
    display: block;
    font-size: 17px;
    color:#757575;
    font-weight:500;
    line-height: 21px;
    letter-spacing:0;
    text-transform:capitalize;
    margin:15px 0 5px 0;
}

.comments-area .comment-body .fn a:hover,
.comments-area .comment-body .fn a:focus {

    text-decoration: none;
    color:$third_color;
}

.comments-area .comment-body .says {

    display: none;
}


.comments-area .comment-body .comment-metadata a {
    
    display:inline-block;
    font-style:italic;
    font-size:13px;
    font-weight:normal;
}

.comments-area .comment-body .comment-metadata a:hover,
.comments-area .comment-body .comment-metadata a:focus {

    text-decoration: none;
    color: #0aa3f3;
}

.comments-area .comment-body .comment-metadata .edit-link {

    padding-left:15px;
}

.comments-area .comment-body .comment-metadata .edit-link:before {

    content:'\f365';
    font-family: "Ionicons";
    padding-right:5px;

}

.comments-area .comment-body .reply a {

    text-decoration: none;
    font-style:italic;
    font-size:13px;
    letter-spacing:0.15px;
    text-transform:capitalize;
    font-weight:500;
}

.comments-area .comment-body .reply a:hover,
.comments-area .comment-body .reply a:focus {

    text-decoration: none;
}

.comments-area .comment-body .comment-content {
    
    font-size: 16px;
    margin-bottom:20px;
}

.comments-area .comment-body .comment-content p {

    margin: 0 0 10px;
}


// Comment respond 

.comment-respond {

    padding:30px;
    margin-bottom:30px;
}

.comment-respond .comment-form {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.comment-respond .comment-form-comment,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url,
.comment-respond .comment-form-cookies-consent,
.comment-respond .form-submit,
.comment-respond .comment-notes,
.comment-respond .comment-subscription-form,
.comment-respond .comment-subscription-form,
.comment-respond .mc4wp-checkbox-wp-comment-form {

    width:100%;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
    
    width:50%;
}

.comment-respond .comment-notes {

    margin-bottom:20px;
}

.comment-form .comment-form-author {

    padding-right:15px;
}

.comment-form .comment-form-email  {

    padding-left:15px;
}

.comment-respond .comment-form-cookies-consent,
.comment-respond .comment-subscription-form,
.comment-respond .mc4wp-checkbox-wp-comment-form {

    margin-bottom:30px;
}

.comment-respond .comment-form-cookies-consent input[type="checkbox"],
.comment-respond .comment-subscription-form input[type="checkbox"],
.comment-respond .mc4wp-checkbox-wp-comment-form input[type="checkbox"] {

    display:inline-block;
    margin:0;
    line-height:21px;
}

.comment-respond .comment-form-comment label,
.comment-respond .comment-form-author label,
.comment-respond .comment-form-email label,
.comment-respond .comment-form-url label {
    
    display:block;
    color:#777777;
    padding-left:3px;
    font-weight:500;
}

.comment-respond .comment-form-cookies-consent label,
.comment-respond .comment-subscription-form label,
.comment-respond .mc4wp-checkbox-wp-comment-form label {

    line-height:21px;
    padding-left:5px;
    margin-bottom:0;
}

.comment-respond .form-submit input {

    margin-bottom:0;
}

.akismet_comment_form_privacy_notice {

    display:none;
}


// Media Query for Comment box only


// @media ( max-width:1024px ) {

//     .comment-respond {

//         padding:40px;
//     }
// }

// @media ( max-width:992px ) {

//     .comment-respond {

//         padding:30px;
//     }
// }

@media ( max-width:768px ) {


    .comments-area .children,
    .comments-area .children li,
    .comments-area .children li.depth-2,
    .comments-area .children li.depth-3,
    .comments-area .children li.depth-4, 
    .comments-area .children li.depth-5, 
    .comments-area .children li.depth-6,
    .comments-area .children li.depth-7,
    .comments-area .children li.depth-8,
    .comments-area .children li.depth-9,
    .comments-area .children li.depth-10 {

        padding-left:0;
        margin-left:0;
    }

    .comment-form .comment-form-author, 
    .comment-form .comment-form-email {
    
        width:100%;
    }

    .comment-form .comment-form-author {

        padding-right:0;
    }

    .comment-form .comment-form-email {

        padding-left:0;
    }

    .comment-respond .comment-form-cookies-consent,
    .comment-respond .comment-subscription-form,
    .comment-respond .mc4wp-checkbox-wp-comment-form  {

        display:none;
    }
}



/*
===================================================
=
= Contact form 7 
=
=====================================================================
*/



.wpcf7 label {

    display: block;
    margin-bottom: 15px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 textarea,
.wpcf7 select {

    width: 100%;
    margin-top: 10px;
    border-radius:3px;
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {

    border: none;
    text-align: center;
    @include transation_delay();
}

// .wpcf7 input[type="submit"]:hover,
// .wpcf7 input[type="button"]:hover {

//     background: $third_color;
//     border: none;
// }

.wpcf7 input[type="submit"]:focus,
.wpcf7 input[type="button"]:focus {

    outline:none;
    -moz-outline:none;
    -webkit-outline:none;
    -o-outline:none;
    -ms-outline:none;
}


/*
=============================
=
= Infinate scroll
=
============================================
*/


// Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {

   // Theme Footer (when set to scrolling) 

    display: none;
}


// When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before

.infinity-end.neverending .site-footer {

    display: block;
}

#infinite-footer {

    display: none;
}


/*
==========================================
=
= Jetpack subscription widget
=
======================================================
*/


.jetpack_subscription_widget input[type="email"] {

    margin:30px 0;
    height:46px;
    padding-left:15px;
}


.jetpack_subscription_widget #subscribe-email input {

    width:100% !important;
    max-width:100%;
}

.jetpack_subscription_widget input[type="submit"] {

    padding:15px 35px;
    text-align: center;
    cursor: pointer;
    border:none;
    @include transation_delay();

}