/*
 Theme Name: 4.d Theme
 Theme URI: http://empacho.net/alpha/
 Description: Divi Child for 4.d
 Author: Joel Vil
 Author URI: http://empacho.net/joelv/
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
-------------------------------------------------------
@import "4d-bgslide.css";*/
@import "4d-menus.css";
@import "4d-slider.css";
@import "4d-clients.css";
/* --- Colors 2015 Palettes W3C -----------------------*/
:root {
    --grayaa:#f0f0f0; /* Light Gray A1*/
    --grayab:#c5d5c5; /* Medium Light Gray A2*/
    --grayac:#9fa9a3; /* Medium Dark Gray A3*/
    --grayad:#e3e0cc; /* Dark Gray A4*/

    --grayba:#eaece5; /* Light Gray B1 */
    --graybb:#b2c2bf; /* Medium Light Gray B2*/
    --graybc:#c0ded9; /* Medium Dark Gray B3*/
    --graybd:#3b3a30; /* Dark Gray B4*/

    --grayca:#b2b2b2; /* Light Gray C1*/
    --graycb:#484f4f; /* Medium Light Gray C2*/
    --graycc:#454140; /* Medium Dark Gray C3*/
    --graycd:#686256; /* Dark Gray C4*/
}
/* --- Fonts -----------------------*/
#et-main-area p a {text-decoration:underline!important;}
h1 {letter-spacing: -0.04em!important;}
.display h1, .display h2, .display h3 {font-weight:700;}
.display h1 {font-size:6.2em;}
.display h2 {font-size:3.6em;}
.display h3 {font-size:1.8em;}
sup {bottom:0.5em;}
sub {top:0.25em;font-style:italic;}
sup, sub {font-size: 0.8em;}

/* --- Header Navbar Mods -----------------------------*/
#logo {transition: opacity 2s ease 0s;opacity:0;}
#et-top-navigation {font-weight: 400;}
#top-menu li a {border-bottom: solid 4px transparent;}
#top-menu li a:hover {border-bottom-color: var(--grayca);}
#main-header {
    background-color: transparent;
    box-shadow: none;
}
.et_menu_container {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: rgba(255,255,255,0.94);
    padding-right: 1rem;
    padding-left: 2rem;
}
/* --- Main Area Mods --- */
.et_boxed_layout #page-container {
    box-shadow: none;
}
#et-main-area .et_pb_section, #main-content {
    background-color: transparent;
}
#main-content .container::before {
    background-color: transparent;
}
/* --- Home Page Mods --- */
.home-tiles {transition: all 0.4s ease 0.2s}
.home-tiles:hover {transform: translateY(-1em);}
.home-tiles-txt .et_pb_text_inner h1, .home-tiles-txt .et_pb_text_inner p {
    letter-spacing:0.04em !important;
}
.home-tiles .home-tiles-img {filter: grayscale(100%);transition: all 0.8s ease 0.4s}
.home-tiles:hover .home-tiles-img {filter: grayscale(0%);}
/* --- Project Post Mods --- */
.project-post .et_pb_text_inner {text-align: justify;margin-bottom:1.8em;}
.project-post .et_pb_text_inner blockquote {font-style:italic;font-size:1.2em;border-left-color:var(--grayca);}
.project-post .et_pb_text_inner ul li {list-style:square;margin-left:1.8em;padding-left:0.8em;}
.project-post .et_pb_text_inner ul li::marker {color:var(--grayca);}
.project-post .et_pb_text_inner ol li {margin-left:2.8em;padding-left:0.8em;list-style-position:outside;}
.et_pb_text_inner table.project-credits {
    border-collapse: collapse;
    border-color:white;
    border:none;
    margin: 1em auto;
}
table.project-credits td {border-top-color:white; border:none;}
table.project-credits td:first-child {
    text-align: right;
    padding-right:0.5em;
    font-style: italic;
}
table.project-credits td:last-child {
    text-align: left;
    padding-left:0.5em;
}
/* --- Footer Page Mods ---*/
#contact-bar-footer .et_pb_blurb_content {
    display: flex;
    justify-content: center;
    align-items: center;
}
#contact-bar-footer .et_pb_main_blurb_image {
    margin-bottom: 0.75em;
}