/*
 * Theme Name: Bloghub
 */

/*====================================================== Genaral CSS ======================================================*/

.sort-discription ul li {
    list-style-type: disc;
/*     color:black;
    font-size:25px; */
}

* { box-sizing: border-box; }
a { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

html { width: 100%; height: 100%; }
body { background-color: #FFF; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 16px; color: #383838; line-height: 24px; font-weight: 400; position: relative; letter-spacing: normal; overflow-x: hidden !important; }
header, section, footer { width: 100%; float: left; }

a { outline: none; text-decoration: none; color: #383838; }
a:hover, a:focus { outline: none; text-decoration: none; color: #c28e59; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; line-height: normal; color: #383838; font-family: 'Open Sans', sans-serif; font-weight: 600; }
h1 { font-size: 45px; line-height: 55px; }
h2 { font-size: 38px; line-height: 45px; }
h3 { font-size: 28px; line-height: 30px; }
h4 { font-size: 26px; }
h5 { font-size: 24px; }
h6 { font-size: 22px; }

p { float: none; padding: 0; margin: 0 0 20px; }
strong, b, p strong, p b { font-weight: 700 !important; }
p:last-child { margin: 0; }

ul { margin: 0 0 20px 0; padding: 0; display: block; list-style: none; }
ul li { margin: 0 0 10px 0; padding: 0 0; position: relative; }
ol { margin: 0 0 15px 15px; padding: 0; }

.alignleft { float: left; margin: 0 30px 30px 0; }
.alignright { float: right; height: auto; margin: 0 0 30px 30px; }
.aligncenter { display: block; margin: auto auto 20px auto; }
img { max-width: 100%; width: auto; height: auto; }

 *::-webkit-input-placeholder {
color: #686868;
opacity: 1;
}
*::-moz-placeholder {
color: #686868;
opacity: 1;
}
*:-ms-input-placeholder {
color: #686868;
opacity: 1;
}

.container { width: 1310px; padding-left: 15px; padding-right: 15px; max-width: 100%; margin: 0 auto; }

.btn.loadMoreBtn { background-color: #c28e59; color: #FFF; }


/*===============================
01. Header Section
================================*/

.header-top { width: 100%; float: left; background-color: #101111; padding: 6px 0; }
.header-top ul.cnss-social-icon.header-top-social-icon li { margin-right: 13px !important; }
.header-top ul.cnss-social-icon.header-top-social-icon li:last-child { margin-right: 0 !important; }
.header-top ul.cnss-social-icon.header-top-social-icon li.cn-fa-icon a { background-color: transparent !important; padding: 0 !important; height: auto !important; width: auto !important;  }
.header-top ul.cnss-social-icon.header-top-social-icon li.cn-fa-icon a i { font-size: 16px !important; }

.header-bottom { width: 100%; float: left; }
.header-bottom-inner { width: 100%; float: left; position: relative; }
.logo-part { width: 100%; float: left; max-width: 180px; padding: 12px 0 8px; line-height: 0; } 
.search-part { width: 100%; float: right; max-width: 420px; position: absolute; right: 0; top: 0; margin: 16px 0; }
.search-part .search { width: 100%; float: left; height: 42px; padding: 0 55px 0 20px; background-color: #efefef; border: 1px solid #efefef; border-radius: 12px; font-size: 14px; line-height: normal; color: #686868; }
.search-part #searchsubmit { position: absolute; top: 0; right: 0; background-color: transparent; border: none; padding: 7px 10px; cursor: pointer; z-index: 99; height: 42px; }
.menu-part { width: auto; float: right; padding-right: 520px; }
.menu-part ul { margin: 0; }
.menu-part ul li { width: auto; float: left; position: inherit; margin: 0 0 0 40px; padding: 25px 0; }
.menu-part ul li::first-child { margin: 0; }
.menu-part ul li a { font-size: 18px; line-height: normal; text-transform: uppercase; font-weight: 700; color: #c28e59; letter-spacing: 0.60px; }
.menu-part ul li a:hover { color: #686868; }
.menu-part ul li ul.sub-menu { z-index: 99; position: absolute; top: 100%; left: 0; right: 0; width: 100%; visibility: hidden; opacity: 0; float: left; background-color: #efefef; padding: 20px 10px; }
.menu-part ul li ul.sub-menu li { margin: 6px 0; padding: 0 15px; width: 33.33%; float: left; position: relative; }
.menu-part ul li ul.sub-menu li a { text-transform: capitalize; color: #686868; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: normal; }
.menu-part ul li ul.sub-menu li a:hover { color: #c28e59; }
.menu-part ul li:hover > ul.sub-menu { visibility: visible; opacity: 1; }
.menu-part ul li:first-child { margin: 0; }

.site-header { position: relative; background-color: #FFF; z-index: 999; }
.site-header.fixed-header { position: fixed; top: 0; left: 0; right: 0; box-shadow: 5px 0 5px rgba(0,0,0,0.4); }

/*===============================
02. Home Page
================================*/

.hero-slider-section { width: 100%; float: left; background: url(images/hero-slider-background.jpg) repeat left top; background-size: auto; padding: 20px 0; }
.hero-slider-inner { width: 100%; float: left; padding: 10px; background-color: #FFF; }
.hero-slider-section .caption-wrap { background: transparent !important; color: #383838 !important; opacity: 1 !important; top: 0; height: 100%; display: table !important; table-layout: fixed; }
.hero-slider-section .caption-wrap .caption { padding: 0 !important; display: table-cell; vertical-align: middle; }
.slider-text { font-size: 48px; font-family: 'Roboto Slab', serif; padding-left: 60px; }

.category-section { width: 100%; float: left; padding: 40px 0; }
.category-section-inner { margin-left: -6px; margin-right: -6px; }
.category-info-box { width: 25%; float: left; padding: 6px; }
.category-info-box-inner { width: 100%; float: left; padding: 18px 10px 25px; border: 1px solid #d7d7d7; }
.category-icon { width: 100%; float: left; text-align: center; line-height: 0; min-height: 48px; }
.category-post-list { width: 100%; float: left; margin-top: 40px; }
.post-info { width: 100%; float: left; position: relative; margin-bottom: 20px; }
.post-info:last-child { margin-bottom: 0; }
.post-img { width: 75px; float: left; position: absolute; top: 0; left: 0; }
.post-details { width: 100%; float: left; padding: 0 35px 0 85px; }
.post-details h2 { font-size: 15px; line-height: 16px; font-weight: 400; margin: 0; font-family: 'Roboto', sans-serif; }
.author-bio { width: 100%; float: left; font-size: 12px; line-height: normal; margin-top: 10px; color: #828181; }

/*===============================
03. Footer Section
================================*/

footer { border-top: 5px solid #c28e59; }
.footer-top { width: 100%; float: left; padding: 30px 0; }
.footer-top-section-title { width: 100%; float: left; text-align: center; margin-bottom: 20px; }
.footer-top-category-list { width: 100%; float: left; text-align: center; }
.footer-top-category-list ul { margin: 0 -37px; text-align: left; }
.footer-top-category-list ul li { margin: 4px 0; width: 25%; float: left; padding: 0 37px; }
.footer-top-category-list ul li a { position: relative; width: 100%; float: left; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #373737; text-transform: uppercase; border: 1px solid #e6e6e6; padding: 5px 26px; line-height: normal; border-radius: 15px; }
.footer-top-category-list ul li a::before { content: ""; width: 5px; height: 9px; background: url(images/button-arrow-icon.png) no-repeat center center; background-size: 100%; position: absolute; top: 10px; left: 10px; }
.footer-top-category-list ul li a:hover { background-color: #efefef; }
.btn.loadMoreBtn, .theme-btn { text-align: center; background-color: #c28e59; color: #FFF !important; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: normal; padding: 12px 20px; text-transform: uppercase; display: inline-block; min-width: 200px; border-radius: 23px; }
.footer-top-category-list .btn.loadMoreBtn { margin-top: 25px; }
.btn.loadMoreBtn:hover, .theme-btn:hover, .btn.loadMoreBtn:focus, .theme-btn:focus { background-color: #efefef; color: #c28e59 !important; }

.footer-bottom { width: 100%; float: left; background-color: #101111; color: #FFF; padding: 55px 0 45px; }
.footer-col { width: 33.33%; float: left; }
.footer-col h3 { font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #FFF; font-size: 22px; line-height: normal; margin: 0 0 25px; }
.footer-col.footer-col-01 { padding-right: 15px; }
.footer-col.footer-col-01 p, .footer-col.footer-col-03 p { font-weight: 300; color: #bbb; font-size: 14px; line-height: 20px; }
.footer-col.footer-col-02 a { font-size: 14px !important; color: #FFF; display: inline-block; padding: 9px 15px; border: 1px solid #464545; line-height: normal; border-radius: 30px; margin: 0 3px 10px; }
.footer-col.footer-col-02 { padding-left: 100px; }
.footer-col.footer-col-03 { padding-left: 75px; }
.footer-col.footer-col-03 .cnss-social-icon.footer-social-media { text-align: center !important; margin-top: 30px !important; }
.footer-col.footer-col-03 .cnss-social-icon.footer-social-media li { margin: 0 4px !important; }
.footer-col.footer-col-03 .cnss-social-icon.footer-social-media li a { width: 32px !important; height: 32px !important; }
.footer-col.footer-col-03 .cnss-social-icon.footer-social-media li a i { font-size: 16px !important; }
footer-col.footer-col-02 a:hover { background-color: #efefef; color: #c28e59; }
.footer-col.footer-col-03 img{margin-left: 140px; margin-top: 15px;}

.copyright-part { font-family: 'Open Sans', sans-serif; width: 100%; float: left; background-color: #0b0b0b; color: rgba(255,255,255,0.5); font-size: 14px; line-height: normal; text-align: center; padding: 20px 0; }


/*===============================
03. Inner Page
================================*/

.page-header { width: 100%; float: left; text-align: center; position: relative; padding: 70px 0; background-color: #f0f0f0; background: url(images/page-header-background.jpg) no-repeat center center; }
.page-header::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(194,142,89,0.85); }
.page-header-inner { position: relative; width: 100%; float: left; }
.page-header h1 { color: #FFF; }
.page-left-part { width: 70%; float: left; padding-right: 20px; }
.page-right-part { width: 30%; float: right; padding-left: 20px; }
.breadcrumb-menu { width: 100%; float: left; }
.breadcrumb-menu ol { margin: 0; list-style: none; }
.breadcrumb-menu ol li, .breadcrumb-menu ol li a { color: rgba(255,255,255,0.6); }
.breadcrumb-menu ol li a { font-weight: 500; }
.breadcrumb-menu ol li a:hover { color: #000; }
.breadcrumb-menu ol li { width: auto; display: inline-block; }
.breadcrumb-menu ol li + li::before { content: "/"; position: relative; margin: 0 10px 0 6px; }

.page-content { width: 100%; float: left; padding: 40px 0; }
.page-content-inner { width: 100%; float: left; }

.inner-page-layout { width: 100%; float: left; padding: 80px 0; }
.inner-page-layout-inner .input-text { border: 1px solid #ccc; padding: 0 15px; }
.ur-frontend-form { border: 3px solid #ddd !important; padding: 50px !important; width: 75%; margin: 0 auto !important; }
.ur-frontend-form.login { width: 50%; }
#user-registration.horizontal { width: 75%; margin: 0 auto; box-shadow: none !important; }
#user-registration .user-registration-MyAccount-content .user-registration-profile-header h3 { font-size: 25px; font-weight: 700; margin-bottom: 10px; }
.user-registration-MyAccount-content p a { color: #c28e59; }
#user-registration .user-registration-MyAccount-content .user-registration-profile-fields__field-wrapper { margin: 30px 0 0 !important; width: 100%; float: left; }
#user-registration.horizontal .ur-frontend-form.login { width: 70%; border: none !important; padding: 0 !important; }
#user-registration.horizontal .ur-frontend-form.login fieldset { border: none !important; padding: 0 !important; }
#user-registration.horizontal .ur-frontend-form.login fieldset legend { font-weight: 700 !important; text-align: center !important; width: 100%; margin: 20px 0 40px !important; }



.page-content.single-post-details .line { width: 100%; float: left; margin: 15px 0; }
.page-content.single-post-details .line hr { border: none; border-top: 1px solid #eceaea !important; }
.sort-discription.light-text { color: #737272; }
.sort-discription.light-text b, 
.sort-discription.light-text strong, 
.sort-discription.light-text h1, 
.sort-discription.light-text h2, 
.sort-discription.light-text h3, 
.sort-discription.light-text h4, 
.sort-discription.light-text h5, 
.sort-discription.light-text h6 { color: #383838; }
.post-content-left-part { width: 100%; float: left; max-width: 80px; padding-top: 10px; }
.post-content-right-part { width: 100%; padding-left: 80px; }
.post-content-left-part .st-btn.st-remove-label { display: inline-block !important; margin-bottom: 10px; }
.post-content-left-part.fixed-part { position: fixed; top: 50px; }


/*===============================
04. Sidebar Page
================================*/

.sidebar-category-list { width: 100%; float: left; }
.sidebar-title { width: 100%; float: left; border-bottom: 2px solid #c28f5a; margin-bottom: 15px; }
.sidebar-category-list-inner { width: 100%; float: left; } 
.sidebar-category-list-inner > h3, .sidebar-tag-list-inner > h3 { display: none; }
.sidebar-category-list-inner ul { margin: 0; width: 100%; float: left; }
.sidebar-category-list-inner ul li { width: 100%; float: right; padding: 5px 0; margin: 0 0 8px 0px; border-bottom: 1px solid #e6e6e6; text-align: right; }
.sidebar-category-list-inner ul li a { font-size: 15px; float: left; }
.recent-post-list { width: 100%; float: left; margin-top: 30px; }
.recent-post-list .post-img { width: 100px; }
.recent-post-list .post-details { padding: 0 0 0 120px; min-height: 65px; }
.recent-post-list .post-info:first-child .post-img { position: relative; width: 100%; }
.recent-post-list .post-info:first-child .post-details { padding: 10px 0 20px; border-bottom: 1px solid #e6e6e6; }
.recent-post-list .post-info:first-child .post-details h2 { font-size: 18px; line-height: 24px; }
.recent-post-list .post-info:first-child .author-bio { font-size: 14px; }
.sidebar-tag-list { width: 100%; float: left; margin-top: 30px; }
.sidebar-tag-list a { width: auto; float: left; margin: 0 6px 10px 0; font-size: 14px !important; background-color: #101111; color: #FFF; display: inline-block; padding: 9px 15px; border: 1px solid #101111; line-height: normal; border-radius: 30px; }
.sidebar-tag-list a:hover { background-color: #efefef; color: #c28e59; border-color: #efefef; }

/*===============================
05. Category Page
================================*/

.category-section.category-page-main .page-left-part .category-section-inner { margin-left: -20px; margin-right: -20px; }
.category-section.category-page-main .page-left-part .category-post-list { margin: 0 0 50px; width: 50%; padding: 0 20px; }
.category-section.category-page-main .page-left-part .post-img { width: 100%; position: relative; }
.category-section.category-page-main .page-left-part .post-details { width: 100%; padding: 15px 0 0; text-align: center; }
.category-section.category-page-main .page-left-part .post-details h2 { font-size: 26px; line-height: 30px; font-weight: 500; }
.category-section.category-page-main .page-left-part .author-bio { font-size: 15px; margin-bottom: 10px; margin-top: 0; }
.category-section.category-page-main .page-left-part .post-date { color: #828181; font-size: 15px; margin-bottom: 20px; margin-top: 15px; width: 100%; float: left; }
.category-section.category-page-main .page-left-part .sort-discription { width: 100%; float: left; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24px; margin: 15px 0 30px; }
.category-section.category-page-main .page-left-part .read-more-post { width: 100%; float: left; }
.category-section.category-page-main .page-left-part .line { width: 100%; float: left; text-align: center; margin-top: 15px; }
.category-section.category-page-main .page-left-part .line hr { width: 150px; border-color: #c28f5a; margin: 0 auto; }
.category-section.category-page-main .page-left-part .read-more-post .theme-btn { min-width: 130px; padding: 10px 20px; font-size: 14px; line-height: normal; border-radius: 20px; }


/*===============================
05. Form Design
================================*/

.input { width: 100%; height: 42px; border: 1px solid #e6e6e6; padding: 0 20px; }
input#wp-submit { margin-bottom: 20px; margin-right: 0; text-align: center; background-color: #c28e59; color: #FFF !important; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: normal; padding: 12px 20px; text-transform: uppercase; display: inline-block; min-width: 200px; border-radius: 23px; border:2px solid #c28e59; }
#wpuf-login-form label { display: block; font-weight: bold; margin: 0 0 10px; }
.inner-page-layout-inner ul.wpuf-form, #wpuf-login-form { margin: 0 auto !important; width: 70%; }
.login > a, .registration ul li a { padding-left: 10px; padding-right: 10px; }

.wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="submit"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="submit"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="submit"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="button"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="button"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="button"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="checkbox"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="checkbox"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="checkbox"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="radio"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="radio"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="radio"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="file"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="file"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="file"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="reset"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="reset"]), .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="reset"]) {
    width: 100%;
    width: 100%;
    height: 42px;
    border: 1px solid #e6e6e6;
    padding: 0 20px;
}
input.wpuf-submit-button {
    margin-bottom: 20px;
    margin-right: 0;
    text-align: center;
    background-color: #c28e59;
    color: #FFF !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: normal;
    padding: 12px 20px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 200px;
    border-radius: 23px;
    border: 2px solid #c28e59;
}
.wpuf-menu-item {
    border-bottom: 1px solid #c28e59;
}
.replated_items_tag_main {
    font-weight: 600;
}
.replated_items_tag_main .replated_items_tag {
    background-color: #c28e59;
    color: #fff;
    padding: 4px 5px;
    display: inline-block;
        margin: 5px;
} 


.copy-right-div {
    display: flex;
    flex-wrap:wrap;
}

.copy-right-div .copy-col-1,.copy-right-div .copy-col-2{
    width:50%;
    text-align:left;
}

.copy-right-div .copy-col-2 {
    text-align:right;
}

.copy-right-div .copy-col-2 a {
    color:rgba(255,255,255,0.5) !important;
}

.page-content-inner a {
    color: #c79767 !important;
	font-weight:500;
	text-decoration: none !important;
}
.page-content-inner a b{
    color: #c79767 !important;
	font-weight:500;
	
}
.page-content-inner a b:hover{
    color: #000000 !important;
	font-weight:500;
	
}

.page-content-inner a:hover {
	color:#000000 !important;
    text-decoration: underline !important;
}

.sort-discription.light-text a strong {
    color: #c79767 !important;
}
table,td,th {
    border: 1px solid #000000;
    border-collapse: collapse;
    padding:5px;
	margin:10px;
    
}
.replated_items_tag_main a {
    color: #ffffff !important;
}
.replated_items_tag_main a:hover {
    color: #000000 !important;
}