/*
Theme Name:  Maker Child
Theme URI:   https://themepatio.com/themes/maker/
Template:    maker
Author:      ThemePatio
Author URI:  https://themepatio.com/
Description: Maker Child Theme. Use it to customize Maker.
Version:     0.1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maker-child

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/**
 * DO NOT USE @import TO INCLUDE PARENT THEME STYLESHEET. IT IS INCLUDED IN functions.php INSTEAD.
 */

a.custom-logo-link img{
    max-width: 80%;
}

/*-------------------------------------------------------------------------------
                TEXT
--------------------------------------------------------------------------------*/



*{font-family: 'Lato', sans-serif; font-size: 0.98em; }

.project:before {
    background-color: white;
}

.page .entry-title, .page-title {
    display: none;
}
.jetpack-portfolio{
    display: block;
}

.nocut {

  word-break: normal;

  -webkit-hyphens: none;

  -moz-hyphens: none;

  -ms-hyphens: none;

  -o-hyphens: none;

  hyphens: none;

}


/*-------------------------------------------------------------------------------
                COLORS
-------------------------------------------------------------------------------*/

.footer-navigation a {
    color: dimgrey;
}

.main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active, .footer-navigation a:hover, .footer-navigation a:focus, .footer-navigation a:active {
    color: darkgray;
    text-decoration: none;
}

a{
    color:darkturquoise;
}

input[type='submit'].search-submit, .wpcf7-submit {
    border-color: darkturquoise;
    background-color: darkturquoise;
}

input[type='submit'].wpcf7-submit{
    border-color: darkturquoise;
    background-color: darkturquoise;
}

/*-------------------------------------------------------------------------------
              MENUS
-------------------------------------------------------------------------------*/

/*---------BUTTONS---------*/

.ghostkit-button-single-22efk2 {
    background-color: white !important;
    border-radius: 120px !important;
    border: grey solid thin !important;
}
.ghostkit-button-single-22efk2:hover {
    background-color: #666666 !important;
    border-radius: 120px !important;
    border: grey solid thin !important;
    color: white !important;
}

.ghostkit-button-single-22efk2 a:hover{
    color: white !important;
}

/*---------SOCIAL---------*/
.wrap{
    position: relative;
}
.social-menu ul{
    position:absolute;
    right: 0%;
    display: inline-block;
    width: 200px; 
    margin: 0 -10px 50px 0px;
    font-size: 1.2em;
}
.social-menu ul li{
    display: block;
    float: right;
    margin:0 10px;
}

.social-menu ul li a{
    color: darkgrey;
}
.social-menu ul li a:hover{
    color: darkturquoise;
}

@media screen and (min-width: 300px){
    .social-menu ul{
        margin-top: 1em;
    }
    
    a.custom-logo-link img {
        max-width: 50%;
    }
}
@media screen and (min-width: 768px){
    .social-menu ul{
        margin-top: 0em;
    }
    a.custom-logo-link img {
        max-width: 80%;
    }
    
    .main-navigation ul ul a {
        width : 6em;
    }
}


/*---------MAIN---------*/

@media screen and (min-width: 768px), all{
.main-navigation a{
    padding:0.5em;
}
    .main-navigation ul ul{
        top: 2.1em;
        box-shadow: none;
        line-height: 0.8;
    }
    .pll-parent-menu-item a {
        color: grey !important;
        font-style: italic;   
    }
    .pll-parent-menu-item a:hover{
        color: black !important;
    } 
    
.main-navigation li {
        font-size: 1em;
    }
}
.main-navigation ul {
        margin: 1.5em -0.75em;
}

.menu-toggle{
    margin-top: 3em;
}

.main-navigation a {
display: block;
padding: 0.75em 0.75em 0.75em 0;
color: #1e1e1e;
}

.main-navigation a:hover, .main-navigation a:active {
color: darkturquoise;
}

.main-navigation .current_page_item a, .main-navigation .current-menu-item a{
    text-decoration: underline;
    color: darkturquoise; !important
}

/*-------------------------------------------------------*/



.wpcf7 {
    max-width: 600px;
}



.more-link {
    padding: 5px;
    border: thin grey solid;
    color: grey;
    font-weight: bold;
    transition-duration: 0.25s;
    transition-timing-fonction: linear;
}

.more-link:hover {
    border: thin solid #666666;
    background-color: grey;
    text-decoration: none;
    color: white;
}

/*--------------------------------------------------------------
            PORTFOLIO
--------------------------------------------------------------*/
.portfolio-grid-col-3 .project {
        overflow:hidden;
}

.project-thumbnail img{
    display: block;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}



.project-meta  {
    display: none;
}

/*--------------------------------------------------------------
            POSTS
--------------------------------------------------------------*/

.entry-date {
display: none;
}

.entry-meta-item.cat-links {
    display: none;
}

.entry-meta-item .byline, .group-blog .byline{
    display: none;
}

.entry-title {
    margin-bottom: 0.4em;
}
.blog .entry-meta, .archive .entry-meta, .single-post .entry-meta {
    margin: 0;
}

@media screen and (min-width: 768px), all{
    .entry-meta-item.cat-links {
    display: none;
}
}

@media screen and (min-width: 1024px), all {
    .single-post .entry-content, .single-post .entry-header, .archive .entry-content, .archive .entry-header{
        float: left;
        padding-left: 50px;
    }
    
    .page-header {
        margin-bottom: 0;
    }
    
}

.archive .post-thumbnail img {
    height: auto;
object-fit: cover;
max-height: 500px;
}