/*
 Theme Name:   GeneratePress Child Retail
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme trs
 Author:       Thomas Usborne
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/


.main-navigation .navigation-logo img {padding: 0;}
.main-navigation .navigation-logo {
    padding: 7px 0px;
}
.sticky-enabled .main-navigation.is_stuck {
    box-shadow: none !important;
}

.menu-toggle::before {font-size: 25px;}

.sticky-enabled .main navigation.is_stuck {box-shadow: none;}

.comments-area{display:none;}

.widget-title {
    margin-bottom: 10px;
}

.separate-containers .page-header, .separate-containers .site-main > *, .separate-containers .widget, .widget-area .main-navigation {
    margin-bottom: 10px;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
    padding: 10px 10px 0px 10px;
}

.wp-video {
    padding-top: 5px;
}

/*------------------------------
    RELATED POST AND PORTFOLIO
------------------------------*/
.title-box-container{width: 100%; float: left; padding: 30px 0 60px 0;}
.title-box-container2{width: 100%; float: left; padding: 30px 0 10px 0;}
.title-box-left{float: left; border-top: 4px solid black; padding: 10px 0 10px 60px; margin-right:40px;}
.title-box-right {float: right; padding-top: 5px; width: 76%;}
.title-box-skill{padding-top: 10px; color: #4C4C4C;}


#relatedposts ul { list-style: none; margin: 0px; }
#relatedposts ul li { float: left; margin-right: 1%; width: 32.3%; margin-bottom: 1%;}
#relatedposts img {  max-height: 250px; margin: -10px 0 0 0;}    
#relatedposts img:hover { opacity: 0.8;}  
#relatedposts a:hover { color: #51B1D3; }

.entry-content, .entry-summary, .page-content {margin: 1em 0 0;}
.entry-meta { font-size: 80%;}


/*------------------------------
    HOVER PORTFOLIO
------------------------------*/


#rig {
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
}
#rig li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:33.3%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
        
/* The wrapper for each item */
.rig-cell {
    display:block;
    position: relative;
    overflow:hidden;
}
        
        
/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,0.7);
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#rig li:hover .rig-overlay {
    opacity:0.8;
}

/* If have captions */
.rig-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    font-size:18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#rig li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}


/*
Responsive Menu
*/
 /* Small Devices, Tablets */
@media (max-width: 768px) {
#relatedposts ul li { float: left; width: 49%; margin-bottom: 1%; }
.title-box-left {width: 96%; padding: 20px 0px 0px 4%;}
.title-box-right {padding: 30px 10px 0px 10px; width: 96%;}
    }
/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
         #relatedposts ul li { float: left; width: 49%; margin-bottom: 1%; }
    }

/*
FORMS
*/

div.wpforms-container-full .wpforms-form button[type=submit] {
background-color: #41a1cc; 
border: 1px solid #41a1cc;
border-radius: 30px; 
text-transform: uppercase;
color: white;
letter-spacing:1px;
padding: 10px 25px
} 

 div.wpforms-container-full .wpforms-form button:hover[type=submit] {
background-color: #255477; 
border: 1px solid #255477;
border-radius: 30px; 
text-transform: uppercase;
color: white;
letter-spacing:1px;
padding: 10px 25px
} 

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error {
    border: 1px solid #ff245d;
}

div.wpforms-container-full .wpforms-form label.wpforms-error {
    color: #ff245d;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 6px 0;
}

div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    font-size: 14px;
    height: 35px;
}

div.wpforms-container-full .wpforms-form .wpforms-field-description {
    font-size: 13px;
    line-height: 1.3;
    margin: 8px 0 0 28px;
}