/*
Theme Name: Delena
Theme URI: https://delena.solutions/delena-theme
Author: Delena Solutions
Author URI: https://delena.solutions/
Description: Delena is a custom made theme for delena.solutions
Version:  0.1
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: delena
Tags: portfolio

Delena WordPress Theme has been created by Delena Solutions, 2019.
Delena WordPress Theme is released under the terms of GNU GPL
*/

/*
    Colours
    Yellow - #dcbc3d
    Orange - #d79836
    Dark Orange - #d27032
    Dark Blue - #333e47
*/

/* Basic Style */

* {
    margin: 0;
    padding: 0;
    outline: none;
}

html {
    margin: 0;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 100%;
    color: #333e47;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}

img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: 100%;
    height: auto;
}

section {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 10px 0;
    color: #333e47;
    font-weight: bold;
}

p {
    margin: 0;
    padding: 0;
}

a {
    color: #333e47;
} d

a:focus,
a:hover {
    text-decoration: none;
}

ul {
    margin: 0 0 0 15px;
    padding: 0;
}

:hover {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.material-icons {
    vertical-align: text-bottom;
}
.container {
    margin: 0 auto;
}
.delena-action-link {
    margin: auto;
    display: block;
    padding: 5px;
    color:#333e47;
    background-color: #d79836;
    width: 100px;
    font-weight: bold;
}
.delena-dark-bg {
    background-color: #333e47;
}
.delena-dark-fg {
    color: #333e47;
}
.delena-light-bg {
    background-color: #f0f0f0;
}
.delena-light-fg {
    color: #f0f0f0;
}
.delena-accent-bg {
    background-color: #d79836;
}
.delena-accent-fg {
    color: #d79836;
}
.delena-accent-heading {
    border-left: 5px solid #d79836;
    color: #d79836;
}

/* ----- Top Bar ----- */

/* ----- Page Header ----- */
#page-header {
    border-bottom: 1px solid #333e47;
}
#blog-logo {
    width: 64px;
}
#blog-name {
    font-size: 140%;
}

/* ----- Navigation ----- */
#blog-navigation li{
    display: inline-block;
}
#blog-navigation li a{
    padding:0 5px;
    font-weight: bold;
    line-height: 81px;
    display: inline-block;
    text-decoration: none;
}
#blog-navigation li a:hover {
    background-color: #d79836;
    color: #f0f0f0;
}
/* ----- Our Clients ----- */
/* ----- Page Cover ----- */
#page-cover{
    position: relative;
    min-height: 400px;
    border-bottom: 1px solid #333e47;
}
#page-cover::after {
    content: "";
    background: url('assets/images/cover.jpeg');
    background-attachment: local;
    background-position: center;
    opacity: 0.2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}

/* ----- Homepage Company brief ----- */
.company-brief-icon {
    font-size: 32px;
    border: 1px solid #d79836;
    border-radius: 21px;
    padding: 5px;
    vertical-align: sub;
}

/* ----- Homepage Services ----- */
.company-skills-card {
    min-height: 21rem;
}
.company-skills-card h4{
    font-size: 100%;
}
.company-skills-card i {
    font-size: 48px;
}

#footer {
    min-height: 100px;
}
.widget a {
    color: #d79836;
}

#footer-2 {
    border-top: 1px solid #d7983688;
}

/* ----- Services ----- */
i.services-page-icon {
    font-size: 10rem;
}
.delena-list li::before { 
    display: inline-block;
    content: '➤';
    padding-right: 1rem;
}

/* ----- Skills ----- */
i.skills-page-icon {
    font-size: 5rem;
}

/* ----- Contacts ----- */
#contacts-icon {
    font-size: 5rem;
} 
#contacts li{
    font-size: 1.25rem;
}
#contacts li a:hover {
    color: #d79836;
}

/* ----- Portfolio ----- */
.portfolio-card {
    min-height: 10rem;
    border-radius: 1rem;
}