/*
 Theme Name:     DeepSoul Child Theme
 Theme URI:      http://demo.elartica.com/?theme=deepsoul
 Description:    DeepSoul Child Theme
 Author:         Elartica Team
 Author URI:     http://www.elartica.com
 Template:       deepsoul
 Version:        1.0.1
*/

@import url("../deepsoul/style.css");

.wp-caption {
    width: 100% !important;
}

p#subscribe-submit {
    text-align: center;
}

p#subscribe-submit button {
    background: #c3a377;
    color: #fff;
    border: none;
    padding: 14px;
    text-align: center;
    font-size: 16px;
    margin: 0px auto;
}

#subscribe-email input {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    color: #333;
    -webkit-appearance: none;
    width: 120px;
    height: 65px;
    padding: 0 0 0 15px;
    border: 1px solid #e6e6e6;
    background: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    vertical-align: middle;
    width: 100%;
}

@media (max-width: 768px)
{
    .uk-article-details h1 {
        text-align: center;
        color: #333333;
        font-size: 29px;
        line-height: 36px;
        margin-bottom: 25px;
    }
    .uk-article-meta {
        font-size: 10px;
        line-height: 13px;
    }
}

.custom-h2-heading{
    margin: 25px 0 25px 0;
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
    color: #333;
    text-transform: none;
    font-size: 28px;
    line-height: 36px;
}
.article-archive-title{
    text-align: center;
    margin: 50px 0;
}
.article-archive-title h1{
    font-weight: 700;
    border-bottom: 4px solid #c5a477;
    max-width: 50%;
    margin: 0 auto;
    padding-bottom: 5px;
}
ul.uk-hidden-small .uk-dropdown{
    width:715px;
}

/********************* ADD YOUR CUSTOM CSS **********************/
.custom-h2-heading{
    margin: 25px 0 25px 0;
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
    color: #333;
    text-transform: none;
    font-size: 28px;
    line-height: 36px;
}
.article-archive-title{
    text-align: center;
    margin: 50px 0;
}
.article-archive-title h1{
    font-weight: 700;
    border-bottom: 4px solid #c5a477;
    max-width: 50%;
    margin: 0 auto;
    padding-bottom: 5px;
}
ul.uk-hidden-small .uk-dropdown{
    width:715px;
}
.white-fonts{
    color:white !important;
}

.tm-footer-social-menu{
     display:flex;
     justify-content:space-between;
 }
.tm-footer-social-menu :nth-child(2) ul{
    display:flex;
    flex-wrap:wrap;
    max-width:50%;
    margin:0 auto;
}
.tm-footer-social-menu :nth-child(2) ul li{
    flex:1 100%;
}
.tm-footer-social-menu .uk-panel{
    width:30%;
}
.tm-footer-social-menu .uk-panel ul> :first-child {
    padding:0px;
}
.tm-footer-social-menu .uk-panel ul> :first-child a{
    border-bottom:2px solid #c3a377;
    font-size:15px;
    font-weight:800;
    text-align:center;
    color:#c3a377;
    padding-right:0px;
}
.tm-footer-social-menu :last-child ul{
    display:flex;
    flex-wrap:wrap;
}
.tm-footer-social-menu :last-child ul li{
    flex:1 100%;
    margin-bottom:5px;
}

@media(max-width:1086px){
    .tm-footer-social-menu :first-child >ul li{
          flex:1 100%;
      }
    .tm-footer-social-menu :first-child >ul :first-child{
        flex:none;
    }
}


@media(min-width:998px){
.tm-footer-social-menu :nth-child(2) ul{
max-width:60%;
}
}

@media(max-width:767px){
.tm-footer-social-menu{
    flex-wrap:wrap;
}
    .tm-footer-social-menu .uk-panel{
        width:100%;
    }
    .tm-footer-social-menu .uk-subnav>li>a{
        width:100%;
    }
    .tm-footer-social-menu .uk-panel >ul :first-child{
        flex:none;
    }
     
    .tm-footer-social-menu :nth-child(2) ul{
        max-width:100%;
    
    }
}

.tm-footer .uk-subnav>li>a{
    padding:0px;
}

.tm-footer .tm-footer-line .uk-subnav>li>a{
	padding: 0 15px;
}

#tm-top-a #decoholic-breadcrumbs{
    width:100%;
    text-align:center;
}

.tm-footer .tm-footer-social-menu .uk-subnav>li{
    width:100%;
}

.tm-logo {
	display: block;
	margin: 10px 20px;
}

.tm-header-block .tm-logo, .tm-headerbar .tm-logo {
	display: none;
}


.tm-headerbar {
	padding: 0;
}

.tm-toolbar {
	background: #fff;
}