/* Theme Name: Aari File Description: CSS file for theme */ /*----------------------------------------------------------- 1. variables 2. mixins 3. helpers 4. typography 5. loader 6. navbar 7. header 8. Slider 9. Posts 10. stories 11. footer 12. single post 13. contact 14. responsive -------------------------------------------------------------*/ /* ------------------------------------------------------- mixins -------------------------------------------------------- */ [data-overlay]:before { content: ''; position: absolute; background: #000; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } [data-overlay="0"]:before { opacity: 0; } [data-overlay="1"]:before { opacity: 0.1; } [data-overlay="2"]:before { opacity: 0.2; } [data-overlay="3"]:before { opacity: 0.3; } [data-overlay="4"]:before { opacity: 0.4; } [data-overlay="5"]:before { opacity: 0.5; } [data-overlay="6"]:before { opacity: 0.6; } [data-overlay="7"]:before { opacity: 0.7; } [data-overlay="8"]:before { opacity: 0.8; } [data-overlay="9"]:before { opacity: 0.9; } [data-overlay="10"]:before { opacity: 1; } .cover-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } .v-middle { position: absolute; top: 50%; left: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* ------------------------------------------------------- helpers -------------------------------------------------------- */ .display-table-cell { display: table-cell !important; } .vertical-align-middle { vertical-align: middle; } .line-height-5 { line-height: 1.5 !important; } .line-height-6 { line-height: 1.6 !important; } .line-height-7 { line-height: 1.7 !important; } .line-height-8 { line-height: 1.8 !important; } .uppercase { text-transform: uppercase !important; } .lowercase { text-transform: lowercase !important; } .capitalize { text-transform: capitalize !important; } .nott { text-transform: none !important; } .fright { float: right !important; } .fleft { float: left !important; } .fnone { float: none !important; } .center { text-align: center !important; } .nobg { background: none !important; } .nobgcolor { background-color: transparent !important; } .fw300 { font-weight: 300 !important; } .fw400 { font-weight: 400 !important; } .fw500 { font-weight: 500 !important; } .fw600 { font-weight: 600 !important; } .fw700 { font-weight: 700 !important; } .ls0 { letter-spacing: 0px !important; } .ls1 { letter-spacing: 1px !important; } .ls2 { letter-spacing: 2px !important; } .ls3 { letter-spacing: 3px !important; } .ls4 { letter-spacing: 4px !important; } .ls5 { letter-spacing: 5px !important; } .fz-12 { font-size: 12px !important; } .fz-14 { font-size: 14px !important; } .fz-15 { font-size: 15px !important; } .fz-16 { font-size: 16px !important; } .fz-18 { font-size: 18px !important; } .fz-20 { font-size: 20px !important; } .fz-30 { font-size: 30px !important; } .section-padding { padding-top: 70px !important; padding-bottom: 100px !important; } .mpl-0 { margin-left: 0 !important; padding-left: 0 !important; } .mpr-0 { margin-right: 0 !important; padding-right: 0 !important; } .m-auto { margin: auto !important; } .no-margin { margin: none !important; } .m-0 { margin: 0 !important; } .mbl-0 { margin-left: 0 !important; padding-left: 0 !important; } .mbr-0 { margin-right: 0 !important; padding-right: 0 !important; } .m-0 { margin: 0 !important; } .ml-0 { margin-left: 0 !important; } .mr-0 { margin-right: 0 !important; } .mt-0 { margin-top: 0 !important; } .mt-5 { margin-top: 5px !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-35 { margin-top: 35px !important; } .mt-40 { margin-top: 40px !important; } .mt-45 { margin-top: 45px !important; } .mt-50 { margin-top: 50px !important; } .mt-55 { margin-top: 55px !important; } .mt-60 { margin-top: 60px !important; } .mt-62 { margin-top: 62px !important; } .mt-65 { margin-top: 65px !important; } .mt-70 { margin-top: 70px !important; } .mt-75 { margin-top: 75px !important; } .mt-80 { margin-top: 80px !important; } .mt-85 { margin-top: 85px !important; } .mt-90 { margin-top: 90px !important; } .mt-95 { margin-top: 95px !important; } .mt-100 { margin-top: 100px !important; } /*------------------------------------------------------- Custom Margin Bottom -------------------------------------------------------*/ .mb-0 { margin-bottom: 0 !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-35 { margin-bottom: 35px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-45 { margin-bottom: 45px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-55 { margin-bottom: 55px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-62 { margin-bottom: 62px !important; } .mb-65 { margin-bottom: 65px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-75 { margin-bottom: 75px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-85 { margin-bottom: 85px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-95 { margin-bottom: 95px !important; } .mb-100 { margin-bottom: 100px !important; } /*------------------------------------------------------- Custom Padding Top -------------------------------------------------------*/ .pt-0 { padding-top: 0 !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-25 { padding-top: 25px !important; } .pt-30 { padding-top: 30px !important; } .pt-35 { padding-top: 35px !important; } .pt-40 { padding-top: 40px !important; } .pt-45 { padding-top: 45px !important; } .pt-50 { padding-top: 50px !important; } .pt-55 { padding-top: 55px !important; } .pt-60 { padding-top: 60px !important; } .pt-65 { padding-top: 65px !important; } .pt-70 { padding-top: 70px !important; } .pt-75 { padding-top: 75px !important; } .pt-80 { padding-top: 80px !important; } .pt-85 { padding-top: 85px !important; } .pt-90 { padding-top: 90px !important; } .pt-95 { padding-top: 95px !important; } .pt-100 { padding-top: 100px !important; } /*------------------------------------------------------- Custom Padding bottom -------------------------------------------------------*/ .pb-0 { padding-bottom: 0 !important; } .pb-5 { padding-bottom: 5px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-35 { padding-bottom: 35px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-45 { padding-bottom: 45px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-55 { padding-bottom: 55px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-65 { padding-bottom: 65px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-75 { padding-bottom: 75px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-85 { padding-bottom: 85px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-95 { padding-bottom: 95px !important; } .pb-100 { padding-bottom: 100px !important; } .b-shadow { -webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15); box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15); } .t-shadow-1 { text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.1); } .t-shadow-2 { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .w-100 { width: 100%; } .height-100 { height: 100%; } .color-white { color: #fff !important; } .noheight { height: 0 !important; } .nolineheight { line-height: 0 !important; } .ohidden { position: relative; overflow: hidden !important; } .no-padding { padding: 0 !important; } .p-relative { position: relative !important; } .p-absolute { position: absolute !important; } .hidden { display: none !important; } .nothidden { display: block !important; } .inline-block { float: none !important; display: inline-block !important; } .o-hidden { overflow: hidden !important; } .p-op { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .l-auto { left: auto !important; } .r-auto { right: auto !important; } .b-auto { bottom: auto !important; } /* ------------------------------------------------------- typography -------------------------------------------------------- */ dl, dt, dd, ol, ul, li { margin: 0; padding: 0; } .clear { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow: hidden; } ::-moz-selection { background: #fd4145; color: #fff; } ::selection { background: #fd4145; color: #fff; } /* ---------------------------------------------------------------- Typography -----------------------------------------------------------------*/ * { -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; outline: none; margin: 0; padding: 0; } html { height: 100%; } body { line-height: 1.2; color: #333; font-size: 15px; font-family: 'Poppins', sans-serif; height: 100%; overflow-x: hidden; word-break: break-all; } a { text-decoration: none !important; color: inherit; } .entry-content a { text-decoration: none !important; color: #fd4145; } .entry-content a.more-link { color: #fd4145; background-color: transparent; background-image: none; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; border-radius: 2px; padding: .5rem .8rem; display: block; text-align: center; white-space: nowrap; border: 1px solid #fd4145; font-weight: 400; float: none; margin: 25px auto; width: 100%; max-width: 180px; } .entry-content a.more-link:hover { color: #fff; background-color: #fd4145; } .entry-content a.more-link:focus { color: #fff; background-color: #fd4145; } a:hover{ color: #fd4145; } .post_navigation_area a:focus { color: #fd4145; } .entry-content a:focus { content: ""; background:rgba(254, 166, 168, 0.16); -webkit-transition: height 250ms; transition: height 250ms; } img { width: 100%; max-width: 100%; height: auto; vertical-align: middle; } span, a { display: inline-block; } iframe { border: none !important; } button { background: inherit; border: none; } /* ---------------------------------------------------------------- Basic Layout Styles -----------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #151515; font-weight: 700; line-height: 1.2; font-family: 'Merriweather', serif; margin: 0; } h1 { font-size: 55px; } h2 { font-size: 40px; margin-bottom: 15px; } h3 { font-size: 30px; margin-bottom: 15px; } h4 { font-size: 25px; margin-bottom: 15px; } h5 { font-size: 20px; margin-bottom: 15px; } h6 { font-size: 17px; margin-bottom: 15px; } h4 { font-weight: 400; } h5, h6 { font-weight: bold; } p { line-height: 1.6; font-weight: 400; margin-bottom: 15px; } /* ------------------------------------------------------- loader page -------------------------------------------------------- */ #preloader { background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999; } #preloader .loader { width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; -webkit-filter: url("#goo"); filter: url("#goo"); -webkit-animation: rotate-move 2s ease-in-out infinite; animation: rotate-move 2s ease-in-out infinite; } #preloader .loader .dot { width: 70px; height: 70px; border-radius: 50%; background-color: #000; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #preloader .loader .dot-3 { background-color: #f74d75; -webkit-animation: dot-3-move 2s ease infinite, index 6s ease infinite; animation: dot-3-move 2s ease infinite, index 6s ease infinite; } #preloader .loader .dot-2 { background-color: #10beae; -webkit-animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite; animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite; } #preloader .loader .dot-1 { background-color: #ffe386; -webkit-animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite; animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite; } @-webkit-keyframes dot-3-move { 20% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: translateY(-18px) scale(0.45); transform: translateY(-18px) scale(0.45); } 60% { -webkit-transform: translateY(-90px) scale(0.45); transform: translateY(-90px) scale(0.45); } 80% { -webkit-transform: translateY(-90px) scale(0.45); transform: translateY(-90px) scale(0.45); } 100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } } @keyframes dot-3-move { 20% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: translateY(-18px) scale(0.45); transform: translateY(-18px) scale(0.45); } 60% { -webkit-transform: translateY(-90px) scale(0.45); transform: translateY(-90px) scale(0.45); } 80% { -webkit-transform: translateY(-90px) scale(0.45); transform: translateY(-90px) scale(0.45); } 100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } } @-webkit-keyframes dot-2-move { 20% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: translate(-16px, 12px) scale(0.45); transform: translate(-16px, 12px) scale(0.45); } 60% { -webkit-transform: translate(-80px, 60px) scale(0.45); transform: translate(-80px, 60px) scale(0.45); } 80% { -webkit-transform: translate(-80px, 60px) scale(0.45); transform: translate(-80px, 60px) scale(0.45); } 100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } } @keyframes dot-2-move { 20% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: translate(-16px, 12px) scale(0.45); transform: translate(-16px, 12px) scale(0.45); } 60% { -webkit-transform: translate(-80px, 60px) scale(0.45); transform: translate(-80px, 60px) scale(0.45); } 80% { -webkit-transform: translate(-80px, 60px) scale(0.45); transform: translate(-80px, 60px) scale(0.45); } 100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } } @-webkit-keyframes dot-1-move { 20% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: translate(16px, 12px) scale(0.45); transform: translate(16px, 12px) scale(0.45); } 60% { -webkit-transform: translate(80px, 60px) scale(0.45); transform: translate(80px, 60px) scale(0.45); } 80% { -webkit-transform: translate(80px, 60px) scale(0.45); transform: translate(80px, 60px) scale(0.45); } 100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } } @keyframes dot-1-move { 20% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: translate(16px, 12px) scale(0.45); transform: translate(16px, 12px) scale(0.45); } 60% { -webkit-transform: translate(80px, 60px) scale(0.45); transform: translate(80px, 60px) scale(0.45); } 80% { -webkit-transform: translate(80px, 60px) scale(0.45); transform: translate(80px, 60px) scale(0.45); } 100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } } @-webkit-keyframes rotate-move { 55% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 80% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes rotate-move { 55% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 80% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @-webkit-keyframes index { 0%, 100% { z-index: 3; } 33.3% { z-index: 2; } 66.6% { z-index: 1; } } @keyframes index { 0%, 100% { z-index: 3; } 33.3% { z-index: 2; } 66.6% { z-index: 1; } } /* ------------------------------------------------------- navbar -------------------------------------------------------- */ .header-controller .icon, #topSidebar .icon { padding: 0 10px; cursor: pointer; } .header-controller .icon span, #topSidebar .icon span { display: block; height: 2px; width: 30px; background-color: #fff; border-radius: 2px; left: 23px; -webkit-transition: -webkit-transform 0.3s; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .header-controller .icon span:first-child, #topSidebar .icon span:first-child { margin-top: 0; } .header-controller .icon span:nth-child(2), #topSidebar .icon span:nth-child(2) { margin-top: 5px; width: 27px; } .header-controller .icon span:last-child, #topSidebar .icon span:last-child { margin-top: 5px; } .header-controller .icon:hover span:nth-child(2), #topSidebar .icon:hover span:nth-child(2) { width: 33px; } .header-controller .icon:focus span:nth-child(2), #topSidebar .icon:focus span:nth-child(2) { width: 33px; } .header-controller .icon--active span:first-child, #topSidebar .icon--active span:first-child { -webkit-transform: rotate(45deg); transform: translate(-3px, 13px) rotate(45deg); width: 17px; } .header-controller .icon--active span:last-child, #topSidebar .icon--active span:last-child { -webkit-transform: rotate(-45deg); transform: translate(-3px, -13px) rotate(-45deg); width: 17px; } .header-controller .icon--active span:nth-child(2), #topSidebar .icon--active span:nth-child(2) { width: 25px; } .navbar-brand { font-family: 'Merriweather', serif; } .navbar .navbar-brand h1 { font-size: 30px; text-align: left; line-height: 35px; } .navbar .navbar-brand .site-description { font-size: 15px; margin-bottom: 0px; } .navbar-brand h1 {color:#fff;} .navbar-brand .site-description {color:#fff;} .nav-overlay .navbar-brand h1 {color:#000;} .nav-overlay .site-description {color:#000;} .header-logo h1 { font-size: 35px; } .breadcrumbs { margin-top: 15px; color: #fff; opacity: .9; } .breadcrumbs a{color:#fff;} .breadcrumbs span{color:#fff;} .fixed-header-controller-down .navbar-brand h1 { color: #000; } #mainContent .navbar .navbar-collapse .navbar-nav .dropdown .nav-item a.dropdown-toggle::before { position: relative; content: "..."; color: #fff; top: -1px; right: 0; left: 80%; } .dropdown-item { font-weight: 600; } #topSidebar { display: none; } #topSidebar .icon { display: none; } #topSidebar .sidebar { position: fixed; height: 101vh; width: 440px; top: 0; right: -440px; padding-top: 10px; background: #fff; overflow-x: hidden; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.14); box-shadow: 0 0 35px rgba(0, 0, 0, 0.14); z-index: 999999; } #topSidebar .sidebar .header-logo { display: block; width: 100%; padding: 30px 0 5px 0; text-align: center; } #topSidebar .sidebar .header-logo img { width: 134px; } #topSidebar .sidebar .widget_title { position: relative; text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 25px; padding-bottom: 5px; overflow: hidden; } #topSidebar .sidebar .widget_title:before, #topSidebar .sidebar .widget_title:after { position: absolute; top: 50%; overflow: hidden; width: 50%; height: 0; border-top: 1px solid #fafafa; content: ''; } #topSidebar .sidebar .widget_title::before { margin-left: -57%; text-align: right; } #topSidebar .sidebar .widget_title:after { margin-left: 7%; } #topSidebar .sidebar .about_widget { position: relative; display: block; background-color: #fafafa; padding: 30px; } #topSidebar .sidebar .about_widget .widget_title:before, #topSidebar .sidebar .about_widget .widget_title:after { border-top: 1px solid #fff; } #topSidebar .sidebar .about_widget .avatar_author { position: relative; text-align: center; } #topSidebar .sidebar .about_widget .avatar_author img { border-radius: 50%; width: 150px; height: 150px; } #topSidebar .sidebar .about_widget .desc_author { padding-top: 15px; text-align: center; } #topSidebar .sidebar .about_widget .scoial-icon { position: relative; display: inline-block; text-align: center; margin: auto; } #topSidebar .sidebar .about_widget .scoial-icon:hover a { opacity: .1; } #topSidebar .sidebar .about_widget .scoial-icon:hover a:hover { opacity: 1; } #topSidebar .sidebar .about_widget .scoial-icon:focus a { opacity: .1; } #topSidebar .sidebar .about_widget .scoial-icon:focus a:focus { opacity: 1; } #topSidebar .sidebar .about_widget .scoial-icon a { display: inline-block; text-align: center; color: #888; border-radius: 50%; margin-right: 15px; -webkit-transition: all .5s; transition: all .5s; } #topSidebar .sidebar .about_widget .scoial-icon a:last-child { margin-right: 0; } #topSidebar .sidebar .about_widget .scoial-icon a i { width: 15px; height: 15px; line-height: 15px; font-size: 14px; } #topSidebar .sidebar .about_widget .scoial-icon a span { display: block; font-weight: 600; } #topSidebar .sidebar .about_widget .scoial-icon a:hover { opacity: 1; } #topSidebar .sidebar .about_widget .scoial-icon a:focus { opacity: 1; } #topSidebar .sidebar .categories_widget { position: relative; display: block; padding: 30px; } #topSidebar .sidebar .categories_widget .categories_item { position: relative; margin-bottom: 10px; line-height: 47px; background-color: #0f0f0f; color: #fff; font-size: 13px; overflow: hidden; letter-spacing: 1px; font-weight: 500; -webkit-transition: background-color .3s; transition: background-color .3s; } #topSidebar .sidebar .categories_widget .categories_item .category_image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.55; } #topSidebar .sidebar .categories_widget .categories_item .categories_title { position: relative; padding-left: 15px; float: left; } #topSidebar .sidebar .categories_widget .categories_item .categories_count { font-weight: 400; position: relative; float: right; padding: 0 25px; letter-spacing: 0; background: #080a11; -webkit-transition: padding .3s; transition: padding .3s; } #topSidebar .sidebar .categories_widget .categories_item .categories_link { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #topSidebar .sidebar .categories_widget .categories_item:hover .categories_count { padding: 0 30px; } #topSidebar .sidebar .categories_widget .categories_item:focus .categories_count { padding: 0 30px; } #topSidebar .navbar { display: block; } #topSidebar .navbar .navbar-collapse { float: none !important; } #topSidebar .navbar .navbar-collapse .navbar-nav { width: 100%; height: auto; overflow: hidden; max-height: 700px; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); text-align: center; position: relative; margin: 0 auto; list-style: none; padding-left: 0; } #topSidebar .navbar .navbar-collapse .navbar-nav ul.dropdown-menu { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } #topSidebar .navbar .navbar-collapse .navbar-nav li { position: relative; font-size: 16px; font-weight: bold; letter-spacing: 1px; line-height: 22px; text-transform: uppercase; padding: 12px 0; border-bottom: 1px solid #f9f9f9; } #topSidebar .navbar .navbar-collapse .navbar-nav li .dropdown-item { font-size: inherit; font-weight: inherit; text-align: inherit; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } #topSidebar .navbar .navbar-collapse .navbar-nav li .dropdown-item.active, #topSidebar .navbar .navbar-collapse .navbar-nav li .dropdown-item:active { color: #fff; text-decoration: none; background-color: transparent; } #topSidebar .navbar .navbar-collapse .navbar-nav li.nav-item { float: none; font-size: inherit; font-weight: inherit; text-align: inherit; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); padding: 0; } #topSidebar .navbar .navbar-collapse .navbar-nav li.nav-item .dropdown-menu { float: none; position: initial; border: none; margin-left: 0; margin-top: 0; margin-bottom: 0; padding: 0; background-color: #f5f5f5; font-size: inherit; font-weight: inherit; text-align: inherit; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } #topSidebar .navbar .navbar-collapse .navbar-nav li.nav-item .dropdown-menu a { display: block; clear: both; font-size: inherit; font-weight: inherit; letter-spacing: .4px; border-bottom: 1px dashed #e0e0e0; text-transform: initial; text-align: inherit; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } #topSidebar .navbar .navbar-collapse .navbar-nav li a { color: #000; margin: 0; font-size: inherit; font-weight: inherit; text-transform: uppercase; padding: 15px 0; display: block; text-align: inherit; } #mainContent .sidebar-padding .sidebar { } #mainContent { -webkit-transition: margin-left .5s; transition: margin-left .5s; } #mainContent .sidebar-overlay { display: none; position: fixed; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; margin-left: 0; background-color: #000; opacity: .3; z-index: 9999; } .navbar { padding: 1rem 0rem; } #mainContent .navbar { border-top: 1px #eee solid; border-bottom: 2px #0a0a0a solid; } #mainContent .navbar .navbar-brand { max-width: 220px; } #mainContent .navbar .navbar-brand img { height: 100%; } #mainContent .navbar.nav-overlay .navbar-nav > .nav-item > a { color: #000 !important; } #mainContent .navbar.nav-overlay .navbar-nav > .nav-item > a:before { color: #000 !important; bottom: -29px !important; } #mainContent .navbar.nav-overlay .search_trigger .nav-search span { font-size: 17px; color: #1e1e1e; } #mainContent #header .search-result { color: #fff; opacity: .9; font-size: 20px; font-weight: 500; } #mainContent .navbar.nav-overlay .icon span { background-color: #1e1e1e; } #mainContent .navbar .navbar-nav > .nav-item > a:before { bottom: -29px !important; } #mainContent .navbar .navbar-collapse .navbar-nav .dropdown-item { padding: 4px 16px; line-height: 1.528571; } #mainContent .navbar .navbar-collapse .navbar-nav .nav-item { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #fff; padding: 4px 8px; -webkit-transition: .2s all; transition: .2s all; } #mainContent .navbar .navbar-collapse .navbar-nav .nav-item:hover { background-color: inherit; } #mainContent .navbar .navbar-collapse .navbar-nav .nav-item:focus { background-color: inherit; } #mainContent .navbar .navbar-collapse .navbar-nav .nav-item a { position: relative; padding-top: 0; padding-bottom: 0; color: #fff; } #mainContent .navbar .navbar-collapse .navbar-nav .nav-item a:hover , #mainContent .navbar .navbar-collapse .navbar-nav .nav-item a:focus { background-color: inherit; color: #fd4145 !important; } #mainContent .navbar .navbar-collapse .navbar-nav .current_page_parent.active .nav-item.active > a { background-color: #fff; color: #fd4145; } #mainContent .navbar .navbar-collapse .navbar-nav .current_page_parent.active > a { background-color: transparent; color: #fd4145; } #mainContent .navbar .navbar-collapse .navbar-nav .current-menu-item.active > a { background-color: transparent; color: #fd4145; } #mainContent .navbar .navbar-collapse .navbar-nav .nav-item.active { } #mainContent .navbar .navbar-collapse .navbar-nav .nav-item a.dropdown-toggle { padding-top: 0; padding-bottom: 0; } #mainContent .navbar .navbar-collapse .navbar-nav .nav-item a.dropdown-toggle:after { display: none; } #mainContent .navbar .navbar-collapse .navbar-nav .nav-item a.dropdown-toggle:before { width: 100%; height: 209%; position: absolute; content: "..."; font-size: 14px; color: #fff; bottom: -10px; left: 50%; letter-spacing: 0; transform: perspective(1px) translateX(-50%); -webkit-transform: perspective(1px) translateX(-50%); } #mainContent .navbar .navbar-collapse .navbar-nav > .dropdown .dropdown-menu { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background-color: #0f0f0f; color: #fff; } #mainContent .navbar .navbar-collapse .navbar-nav > .dropdown > .dropdown-menu { top: calc(155% - 1px); left: 50%; min-width: 200px; margin-left: -95px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } #mainContent .navbar .navbar-collapse .navbar-nav > .dropdown > .dropdown-menu li.dropdown a.dropdown-item { padding: 4px 8px; } #mainContent .navbar .navbar-collapse .navbar-nav > .dropdown > .dropdown-menu .dropdown-item:not(:last-child) { display: block; width: 100%; clear: both; font-weight: 400; color: #fff; text-align: inherit; white-space: nowrap; background-color: transparent; } #mainContent .navbar .navbar-collapse .navbar-nav > .dropdown > .dropdown-menu .dropdown-item a { width: 100%; display: block; padding: 4px 8px; clear: both; font-weight: 400; line-height: 1.528571; letter-spacing: .4px; } #mainContent .navbar .navbar-collapse .navbar-nav > .dropdown > .dropdown-menu .dropdown-item .dropdown-toggle:before { position: relative; content: "..."; color: #fff; top: -1px; right: 0; left: 80%; } #mainContent .navbar .search_trigger .nav-search { padding-left: 8px; padding-right: 8px; } #mainContent .navbar .search_trigger .nav-search span { font-size: 17px; color: #fff; } #mainContent .navbar .search_trigger a.nav-search:hover span::before, #mainContent .navbar .search_trigger a.nav-search:focus span::before { color: #fd4145; } .dropdown-left { position: absolute; top: 0; left: 100%; } .dropdown-right { position: absolute; top: 0; right: 100%; left: auto; } /* ------------------------------------------------------- header-overlay -------------------------------------------------------- */ .header-overlay { position: absolute; width: 100%; z-index: 980; } .header-overlay .navbar { border: none !important; } .header-overlay .navbar .navbar-brand { max-width: 134px; } .header-overlay .navbar .navbar-brand img { height: 100%; } .sidebar-width { -webkit-transform: translate(-100%); transform: translate(-100%); } .sidebar-margin-left { margin-left: -440px; } .sidebar-margin-left .sidebar-overlay { display: block !important; } @media all and (min-width: 991px) { #mainContent .dropdown:hover > ul { display: block; } #mainContent .dropdown a:focus + ul { display: block; } #mainContent .dropdown a:focus-within + ul { display: block; } } .slideDown { -webkit-animation-name: slideDown; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */ animation-name: slideDown; animation-duration: 1s; -webkit-transition: all .5s; transition: all .5s; } .search-wrap { width: 100%; height: 100vh !important; overflow: hidden; display: none; position: fixed; top: 0; left: 0; bottom: 0; z-index: 333333; background-color: #fff; } .search-wrap .search-inner { position: relative; width: 100%; height: 100vh; background-color: #fff; -webkit-transition: .2s ease all; transition: .2s ease all; } .search-wrap .search-inner .search-cell { position: absolute; top: 50%; width: 100%; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } .search-wrap .search-inner .search-cell .search-field-holder { width: 50%; margin: auto; position: relative; -webkit-animation: slideInUp .7s; animation: slideInUp .7s; } .search-wrap .search-inner .search-cell .search-field-holder .form-control { height: 66px; border-top: none; border-left: none; border-right: none; background-color: #fff; color: #111; width: 100%; border-bottom: 1px solid #e4e4e4; text-align: center; font-size: 30px; font-weight: 600; margin-bottom: 0; position: relative; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-transition: 1s ease all; transition: 1s ease all; } .search-wrap .search-inner #search-close { position: absolute; top: 30px; right: 30px; font-size: 20px; color: #424242; cursor: pointer; -webkit-transition: .2s; transition: .2s; } .search-wrap .search-inner #search-close:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .search-wrap .search-inner #search-close:focus { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fixed-header-controller-down { position: fixed; width: 100%; top: 0; background-color: #fff !important; z-index: 999; border-bottom: 1px solid #eee; -webkit-animation-name: fixdDown; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: .8s; /* Safari 4.0 - 8.0 */ animation-name: fixdDown; animation-duration: .8s; -webkit-transition: all .5s; transition: all .5s; } .fixed-header-controller-down .navbar-nav > .nav-item > a { color: #000 !important; } .fixed-header-controller-down .navbar-nav > .nav-item > a:before { color: #000 !important; bottom: -29px !important; } .fixed-header-controller-down .search_trigger .nav-search span { font-size: 17px; color: #1e1e1e !important; } .fixed-header-controller-down .icon span { background-color: #1e1e1e; } .fixed-header-controller-down #nav { border: unset; } .fixed-header-controller-up #nav { border: unset; } .fixed-header-controller-up { position: fixed; width: 100%; top: -25%; background-color: #fff; z-index: 999; border-bottom: 1px solid #eee; -webkit-animation-name: fixdUp; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */ animation-name: fixdUp; animation-duration: 1.5s; -webkit-transition: all .5s; transition: all .5s; } @-webkit-keyframes slideDown { 0% { height: 0; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-50px); } 70% { height: 70%; } 100% { height: auto; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideDown { 0% { height: 0; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-50px); } 70% { height: 70%; } 100% { height: auto; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fixdDown { 0% { top: -25%; } 100% { top: 0; } } @keyframes fixdDown { 0% { top: -25%; } 100% { top: 0; } } @-webkit-keyframes fixdUp { 0% { top: 0; } 100% { top: -25%; } } @keyframes fixdUp { 0% { top: 0; } 100% { top: -25%; } } /* ------------------------------------------------------- header -------------------------------------------------------- */ .site_header { position: relative; overflow: hidden; text-align: center; } .site_header.section-padding { padding-top: 60px !important; padding-bottom: 60px !important; } .site_header .entry_header { position: relative; } .site_header .entry_header h1 { font-size: 18px; } .site_header .entry_header p { color: #212121; font-family: 'Poppins', sans-serif; font-size: 30px; font-weight: 400; line-height: 1.2; letter-spacing: 0px; margin-top: -60px; } .site_header .author_avatar { display: inline-block; position: relative; -webkit-transition: 150ms height ease-in-out,150ms width ease-in-out; transition: 150ms height ease-in-out,150ms width ease-in-out; } .site_header .author_avatar .avatar { height: 130px; width: 130px; margin: auto; border: 2px solid #fafafa; border-radius: 50%; } .site_header .author_avatar .avatar img { border-radius: 50%; } .site_header .author_avatar .author-url { cursor: pointer; background-color: #fafafa; border: 1px solid #fff; border-radius: 100%; bottom: 0; color: #000; display: block; height: 38px; line-height: 38px; position: absolute; right: 0; text-align: center; width: 38px; } .site_header .scoial-icon { position: relative; display: inline-block; opacity: 0; } .site_header .scoial-icon:hover a , .site_header .scoial-icon:focus a { opacity: .1; } .site_header .scoial-icon:hover a:hover, .site_header .scoial-icon:focus a:focus { opacity: 1; } .site_header .scoial-icon a { display: inline-block; color: #000; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 16px; -webkit-transition: all .5s; transition: all .5s; } .site_header .scoial-icon a:hover, .site_header .scoial-icon a:focus { opacity: 1; } .social-media-display a { display: inline-block !important; -webkit-animation-name: social-media-display , e-social-media-display; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */ animation-name: social-media-display , e-social-media-display; animation-duration: 1s; } .c-social-media-display a { display: inline-block !important; -webkit-animation-name: c-social-media-display , e-social-media-display; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */ animation-name: c-social-media-display , e-social-media-display; animation-duration: 1s; } @-webkit-keyframes social-media-display { 0% { opacity: 0; -webkit-transform: rotate(-72deg) translateX(67px); transform: rotate(-72deg) translateX(67px); } 90% { opacity: .5; } 100% { opacity: 1; -webkit-transform: rotate(0) translateX(0); transform: rotate(0) translateX(0); } } @keyframes social-media-display { 0% { opacity: 0; -webkit-transform: rotate(-72deg) translateX(67px); transform: rotate(-72deg) translateX(67px); } 90% { opacity: .5; } 100% { opacity: 1; -webkit-transform: rotate(0) translateX(0); transform: rotate(0) translateX(0); } } @-webkit-keyframes c-social-media-display { 0% { opacity: 1; -webkit-transform: rotate(0) translateX(0); transform: rotate(0) translateX(0); } 70% { opacity: 0; } 100% { opacity: 0; -webkit-transform: rotate(-72deg) translateX(67px); transform: rotate(-72deg) translateX(67px); } } @keyframes c-social-media-display { 0% { opacity: 1; -webkit-transform: rotate(0) translateX(0); transform: rotate(0) translateX(0); } 70% { opacity: 0; } 100% { opacity: 0; -webkit-transform: rotate(-72deg) translateX(67px); transform: rotate(-72deg) translateX(67px); } } /* ------------------------------------------------------- page Header image -------------------------------------------------------- */ .site_header_image { position: relative; padding: 150px 30px 150px 30px; text-align: center; } .site_header_image .post-categories { color: #fff; display: inline-block; font-size: 17px; line-height: 15px; text-transform: none; margin-bottom: 15px; position: relative; } .site_header_image .post-categories a:hover , .site_header_image .post-categories a:focus { color: #fff; opacity: .8; } .site_header_image .post-categories span { position: relative; } /* .site_header_image .post-categories span:before { content: "\b7"; margin-right: 7px; margin-left: 7px; } */ .site_header_image h1 { position: relative; color: #fff; margin: 0 auto; max-width: 700px; margin-bottom: 0; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: bold; font-size: 47px; } .site_header_image .post-subtitle-container { position: relative; margin-top: 0px; text-align: center; font-size: 15px; text-transform: none; letter-spacing: 0px; width: 100%; max-width: 600px; margin: 0px auto; } .site_header_image .post-subtitle-container .post-date { color: #fff; display: inline-block; } .site_header_image .post-subtitle-container .post-author { color: #fff; display: inline-block; } .site_header_image .post-subtitle-container .post-author:before { content: "\b7"; margin-right: 7px; margin-left: 7px; } .site_header_image .post-subtitle-container .post-author a:hover , .site_header_image .post-subtitle-container .post-author a:focus { color: #fd4145; opacity: .8; } #content_full .latest-posts .sticky { } /* ------------------------------------------------------- Slider -------------------------------------------------------- */ #ogato_slider { position: relative; } #ogato_slider .ogato-main-c-slider { position: relative; overflow: hidden; width: 100%; height: 80vh; } #ogato_slider .ogato-main-c-slider .ogato-overloy-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } #ogato_slider .ogato-main-c-slider .ogato-overloy-img .ogato-carousel { position: absolute; top: 10px; left: 26px; width: 15px; height: 15px; border-radius: 50%; background-color: #fff; } #ogato_slider .ogato-main-c-slider .ogato-overloy-img .progress { position: relative; top: 49.3%; height: 5px; opacity: .7; -webkit-transition: 0.5; transition: 0.5; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-1 { width: 100%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-2 { width: 50%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-3 { width: 33.3333333333%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-4 { width: 25%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-5 { width: 20%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-6 { width: 16.6666666667%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-7 { width: 14.2857142857%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-8 { width: 12.5%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-9 { width: 11.1111111111%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-10 { width: 10%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-11 { width: 9.0909090909%; float: left; } #ogato_slider .ogato-main-c-slider .oagto-c-slider-12 { width: 8.3333333333%; float: left; } #ogato_slider .ogato-main-c-slider .ogato { height: 50%; } #ogato_slider .ogato-main-c-slider .ogato.oagto-c-slider-1 { border-bottom: 4px solid rgba(255, 255, 255, 0.5019607843); } #ogato_slider .ogato-main-c-slider .ogato.oagto-c-slider-1.ogato-active .ogato-item-content { margin-top: 100px; opacity: 1; display: block; } #ogato_slider .ogato-main-c-slider .ogato.oagto-c-slider-3.ogato-active .ogato-item-content, #ogato_slider .ogato-main-c-slider .ogato.oagto-c-slider-2.ogato-active .ogato-item-content { margin-top: -27px; opacity: 1; display: block; } #ogato_slider .ogato-main-c-slider .ogato.oagto-c-slider-2 { border-right: 4px solid rgba(255, 255, 255, 0.5019607843); } #ogato_slider .ogato-main-c-slider .ogato.oagto-c-slider-3 { border-right: 4px solid rgba(255, 255, 255, 0.5019607843); } #ogato_slider .ogato-main-c-slider .ogato .ogato-item { height: 100%; opacity: 0; } #ogato_slider .ogato-main-c-slider .ogato .ogato-item-content { position: relative; display: none; margin: 0 30px; color: #fff; -webkit-transition: 0.3s; transition: 0.3s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInUp; animation-name: slideInUp; opacity: 0; } #ogato_slider .ogato-main-c-slider .ogato .ogato-item-content h3 { color: #fff; opacity: .8; font-size: 20px; text-transform: uppercase; -webkit-transition: 0.3s; transition: 0.3s; } #ogato_slider .ogato-main-c-slider .ogato .ogato-item-content h3:before { content: ''; position: absolute; margin-top: 25px; width: 50px; height: 2px; background-color: #fff; } #ogato_slider .ogato-main-c-slider .ogato .ogato-item-content a { overflow: hidden; display: inline-block; border: 1px solid #fff; margin-top: 10px; border-radius: 10px; padding: 10px 20px; text-transform: uppercase; opacity: 1; letter-spacing: 1px; font-size: 13px; -webkit-transition: 0.5s; transition: 0.5s; } #ogato_slider .ogato-main-c-slider .ogato .ogato-item-content a:hover, #ogato_slider .ogato-main-c-slider .ogato .ogato-item-content a:focus { background-color: #fff; color: #212121; } /* ------------------------------------------------------- Posts -------------------------------------------------------- */ #content_full { position: relative; overflow: visible; } #content_full .latest-posts { position: relative; /*overflow: hidden;*/ } #content_full .latest-posts .post { position: relative; margin-bottom: 50px; } #content_full .latest-posts .post:not(:last-child) { margin-bottom: 50px; } #content_full .latest-posts .post .post_banner { position: relative; } #content_full .latest-posts .post .post_banner .gallery_image_1 { overflow: hidden; border-radius: 4px; } #content_full .latest-posts .post .post_banner .gallery_image_1 a { width: 100%; } #content_full .latest-posts .post .post_banner .gallery_image_1 a img { max-height: 380px; transition: transform 1s ease,opacity .5s ease,-webkit-transform 1s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #content_full .latest-posts .post .post_banner .gallery_image_1:hover img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } #content_full .latest-posts .post .post_banner .gallery_image_1 a:focus img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } #content_full .latest-posts .post .post_banner_gallery { position: relative; padding-right: 80px; border-radius: 4px; } #content_full .latest-posts .post .post_banner_gallery .gallery_image_2 { position: absolute; right: 0; top: 10%; padding: 10px 0 10px 10px; background-color: #fff; height: 70%; width: 33%; } #content_full .latest-posts .post .post_banner_gallery .gallery_image_2 img { -o-object-fit: cover; object-fit: cover; height: 100%; max-height: 380px; border-radius: 4px; } #content_full .latest-posts .post .post_body { position: relative; background-color: #fff; padding: 30px 50px 0; margin-left: 30px; margin-right: 30px; margin-top: -60px; -webkit-box-shadow: 0px 10px 52px -7px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 52px -7px rgba(0, 0, 0, 0.05); z-index: 3; } #content_full .latest-posts article.page .post_body { position: relative; background-color:#fff; padding: 30px 50px 30px; margin-left: 30px; margin-right: 30px; margin-top: 0px; -webkit-box-shadow: 0px 10px 52px -7px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 52px -7px rgba(0, 0, 0, 0.05); z-index: 3; margin-bottom: 30px; } #content_full .latest-posts .post .post_body.no_thumbnail { margin-top: 0px; } #content_full .latest-posts .sticky .post_body { border: 1px solid #fd4145; } #content_full .latest-posts .post .post_body .post_meta { position: relative; margin-bottom: 20px; font-family: 'Poppins', sans-serif; } #content_full .latest-posts .post .post_body .post_meta a { font-weight: 300; font-size: 14px; color: #303133 !important; } #content_full .latest-posts .post .post_body .post_meta a:hover, #content_full .latest-posts .post .post_body .post_meta a:focus { color: #fd4145 !important; } #content_full .latest-posts .post .post_body .post_meta .post_meta_item { position: relative; display: inline-block; } #content_full .latest-posts .post .post_body .post_meta .post_meta_item:before { content: ""; width: 15px; height: 1px; margin-top: -1px; border-top: 1px solid #cecbd2; display: inline-block; margin-right: 8px; margin-left: 8px; margin-top: -8px; } #content_full .latest-posts .post .post_body .post_meta .post_author:before { display: none; } #content_full .latest-posts .post .post_body .post_meta .post_author span.post_author_img { float: left; margin-right: 15px; border-radius: 50%; width: 40px; height: 40px; border: 2px solid #fafafa; } #content_full .latest-posts .post .post_body .post_meta .post_author span.post_author_img img { display: inline-block; border-radius: 50%; } #content_full .latest-posts .post .post_body .post_meta .post_author span.post_author_info { display: inline-block; margin-top: 10px; } #content_full .latest-posts .post .post_body .post_meta .post_cat { color: #303133; } #content_full .latest-posts .post .post_body .post_header { margin-bottom: 20px; } #content_full .latest-posts .post .post_body .post_header h3 { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 25px; } #content_full .latest-posts .post .post_body .post_header h3 a { color: inherit; } #content_full .latest-posts .post .post_body .post_header h3:hover, #content_full .latest-posts .post .post_body .post_header h3:focus { color: #fd4145; } #content_full .latest-posts .post .post_body .post_bottom_meta { position: relative; border-top: 1px solid #ededed; padding: 12px 0 12px; margin-top: 20px; } #content_full .latest-posts .post .post_body .post_bottom_meta .half_width { width: 55%; display: inline-block; } #content_full .latest-posts .post .post_body .post_bottom_meta .half_width:nth-last-of-type(1) { width: 44%; } #content_full .latest-posts .post .post_body .post_bottom_meta .meta_comment { color: #000; text-transform: none; line-height: 25px; font-weight: 400; display: inline-block; width: 48%; -webkit-transition: all .4s ease; transition: all .4s ease; font-size: 12px; } #content_full .latest-posts .post .post_body .post_bottom_meta .meta_comment span.jam { font-size: 12px; float: left; margin-right: 7px; line-height: 26px; font-weight: 400; color: #777; } #content_full .latest-posts .post .post_body .post_bottom_meta .meta_comment:hover, #content_full .latest-posts .post .post_body .post_bottom_meta .meta_comment:focus { opacity: .7; } #content_full .latest-posts .post .post_body .post_bottom_meta .post_more { display: inline-block; width: 100%; text-align: right; position: relative; -webkit-perspective: 100px; perspective: 100px; -webkit-transition: all .4s ease; transition: all .4s ease; font-size: 13px; font-weight: 400; } #content_full .latest-posts .post .post_body .post_bottom_meta a { color: #777; } #content_full .latest-posts .post .post_body .post_bottom_meta a:hover , #content_full .latest-posts .post .post_body .post_bottom_meta a:focus{ color: #fd4145; } #content_full .latest-posts .post .post_body .post_bottom_meta .post_more span { line-height: 24px; -webkit-transition: all .4s ease; transition: all .4s ease; } #content_full .latest-posts .post .post_body .post_bottom_meta .post_more span.icon1 { -webkit-animation-duration: .3s; animation-duration: .3s; color: #000; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; line-height: 25px; font-weight: 600; display: inline-block; } #content_full .latest-posts .post .post_body .post_bottom_meta .post_more span.icon2 { -webkit-transition: left .5s ease-in, scale 2s; transition: left .5s ease-in, scale 2s; position: absolute; top: 1px; left: 40%; -webkit-transform: scale(1, 0); transform: scale(1, 0); } #content_full .latest-posts .post .post_body .post_bottom_meta .post_more:hover .icon1, #content_full .latest-posts .post .post_body .post_bottom_meta .post_more:focus .icon1 { -webkit-transform: rotate3d(90, 0, 0, 90deg); transform: rotate3d(90, 0, 0, 90deg); } #content_full .latest-posts .post .post_body .post_bottom_meta .post_more:hover .icon2, #content_full .latest-posts .post .post_body .post_bottom_meta .post_more:focus .icon2 { left: 90%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap { position: relative; width: 100%; height: 100%; padding-top: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: all; -webkit-transition: all 0.5s cubic-bezier(0.5, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.5, 0.61, 0.355, 1) 0s; overflow: hidden; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials-icon { float: right; width: 30px; font-size: 12px; text-align: right; margin-left: 10px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials-text { float: right; font-size: 12px; font-weight: 600; font-family: 'Poppins', sans-serif; -webkit-transition: all 0.2s cubic-bezier(0.5, 0.61, 0.355, 1) 0s; transition: all 0.2s cubic-bezier(0.5, 0.61, 0.355, 1) 0s; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials { opacity: 0; display: none; position: absolute; top: 5px; left: auto; right: 0; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials li { margin-right: 2px; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; z-index: 2; -webkit-transition: background 0.4s ease-in-out 0s; -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0.4s ease-in-out 0s; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0.4s ease-in-out 0s; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials li a { color: #000; font-size: 12px; font-weight: 600; display: block; height: 30px; width: 30px; text-align: center; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials li a span { font-size: 12px; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials li:hover, #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials li:focus { opacity: 1; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials:hover a, #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials:focus a { opacity: .1; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials:hover a:hover, #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials:focus a:focus { opacity: 1; } #content_full .latest-posts .post.ogato-post-audio { border-radius: 4px; } #content_full .latest-posts .post.ogato-post-audio .post_banner { border-radius: 4px; } #content_full .latest-posts .post.ogato-post-audio iframe { width: 100%; height: 380px; border-radius: 4px !important; } #content_full .latest-posts .post.ogato-post-audio .post_body { margin-top: -44px !important; } #content_full .latest-posts .post:hover .owl-prev, #content_full .latest-posts .post:focus .owl-prev { -webkit-transform: translateX(0); transform: translateX(0); } #content_full .latest-posts .post:hover .owl-next, #content_full .latest-posts .post:focus .owl-next { -webkit-transform: translateX(0); transform: translateX(0); } #content_full .latest-posts .post_video .post_banner { position: relative; } #content_full .latest-posts .post_video .post_banner .gallery_image_1 { border-radius: 4px; } #content_full .latest-posts .post_video .post_banner .gallery_image_1:before { z-index: 3; border-radius: 4px; } #content_full .latest-posts .post_video .post_banner img { border-radius: 4px; max-height: 380px; -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; } #content_full .latest-posts .post_video .vid { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } #content_full .latest-posts .post_video .play-button { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 5; } #content_full .latest-posts .post_video .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 4; } #content_full .latest-posts .post_video .play-btn i { color: #fff; font-size: 40px; } #content_full .latest-posts .post_video .play-circles { display: block; width: 100%; height: 100%; } #content_full .latest-posts .owl-nav { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 22; } #content_full .latest-posts .owl-nav .owl-prev, #content_full .latest-posts .owl-nav .owl-next { background: #fff; color: #000; position: absolute; width: 40px; height: 40px; line-height: 40px; padding: 0; border-radius: 0; text-align: center; bottom: 0; z-index: 22; } #content_full .latest-posts .owl-nav .owl-prev i, #content_full .latest-posts .owl-nav .owl-next i { font-size: 10px; } #content_full .latest-posts .owl-nav .owl-prev:hover, #content_full .latest-posts .owl-nav .owl-next:hover { opacity: .9; } #content_full .latest-posts .owl-nav .owl-prev:focus, #content_full .latest-posts .owl-nav .owl-next:focus { opacity: .9; } #content_full .latest-posts .owl-nav .owl-prev { left: 0; -webkit-transform: translateX(-80px); transform: translateX(-80px); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #content_full .latest-posts .owl-nav .owl-next { right: 0; -webkit-transform: translateX(80px); transform: translateX(80px); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #content_full .latest-posts .post_format_quote { position: relative; background-color: #fafafa; padding: 80px; } #content_full .latest-posts .post_format_quote blockquote { position: relative; margin: 0; } #content_full .latest-posts .post_format_quote blockquote:before { content: ''; position: absolute; left: -45px; top: -45px; background-image: url(../img/straight-quotes.svg); width: 40px; height: 40px; } #content_full .latest-posts .post_format_quote blockquote:after { content: ''; position: absolute; right: -45px; bottom: -45px; background-image: url(../img/straight-quotes.svg); width: 40px; height: 40px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } #content_full .latest-posts .post_format_quote p { margin: 0; font-size: 27px; font-family: 'Poppins', sans-serif; line-height: 1.45; font-weight: 400; letter-spacing: 0; } #content_full .latest-posts .post_format_quote .author { position: relative; overflow: hidden; margin-top: 20px; } #content_full .latest-posts .post_format_quote .author .part-img { width: 35px; height: 35px; display: inline-block; border: 2px solid #fff; border-radius: 50%; float: left; margin-right: 15px; } #content_full .latest-posts .post_format_quote .author .part-img img { border-radius: 50%; } #content_full .latest-posts .post_format_quote .author .text { display: inline-block; } #content_full .latest-posts .post_format_quote .author .text h5 { color: #000; font-size: 14px; font-weight: 700; margin-bottom: 5px; } #content_full .latest-posts .post_format_quote .author .text h5 a { color: inherit; } #content_full .latest-posts .post_format_quote .author .text h6 { font-size: 12px; } #content_full .latest-posts .subscr { position: relative; background-color: #fafafa; padding: 80px 40px; } #content_full .latest-posts .subscr .part-title h4 { line-height: 1.45; font-weight: 400; letter-spacing: 0; font-size: 27px; color: #666; } #content_full .latest-posts .subscr .part-f { height: 100%; } #content_full .latest-posts .subscr .part-f .in-mail { position: relative; } #content_full .latest-posts .subscr .part-f .in-mail:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1d8"; font-size: 25px; display: inline-block; position: absolute; z-index: 1; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -7px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; } #content_full .latest-posts .subscr .part-f .in-mail input { border-radius: 0; width: 100%; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 35px 24px 0; position: relative; background-color: transparent; border: none; border-bottom: 2px solid #fd4145; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 500; -webkit-box-shadow: 0px 9px 8px -10px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0px 9px 8px -10px rgba(0, 0, 0, 0.16); box-shadow: 0px 9px 8px -10px rgba(0, 0, 0, 0.16); } #content_full .latest-posts .subscr .part-f input[type="submit"] { border-radius: 0; position: absolute; z-index: 1; top: 0; right: 0; vertical-align: middle; padding: 0; height: 100%; width: 30px; background: transparent !important; opacity: 0; cursor: pointer; } #content_full .category-content .post .post_body { position: relative; background-color: #fff; padding: 30px 15px 0; margin-left: 0; margin-right: 0; margin-top: 0; z-index: 3; } #content_full .category-content .post .post_body .post_header h3 { font-size: 22px; } #content_full .category-content .header-description { position: relative; padding-bottom: 30px; border-bottom: 1px solid #ededed; } #content_full .category-content .header-description .avatar-part { position: relative; text-align: center; } #content_full .category-content .header-description .avatar-part img { border: 2px solid #fd4145; padding: 2px; } #content_full .category-content .header-description .avatar-part .scoial-icon { position: relative; display: inline-block; margin: auto; margin-top: 15px; text-align: center; } #content_full .category-content .header-description .avatar-part .scoial-icon:hover a, #content_full .category-content .header-description .avatar-part .scoial-icon:focus a { opacity: .1; } #content_full .category-content .header-description .avatar-part .scoial-icon:hover a:hover, #content_full .category-content .header-description .avatar-part .scoial-icon:focus a:focus { opacity: 1; } #content_full .category-content .header-description .avatar-part .scoial-icon a { display: inline-block; color: #000; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 16px; -webkit-transition: all .5s; transition: all .5s; } #content_full .category-content .header-description .avatar-part .scoial-icon a:hover, #content_full .category-content .header-description .avatar-part .scoial-icon a:focus { opacity: 1; } #content_full .category-content .header-description .text { position: relative; } #content_full .category-content .header-description .text h1 { font-size: 34px; font-weight: 600; margin-bottom: 30px; } #content_full .category-content .header-description .text .btExcerpt { font-size: 18px; line-height: 1.5; } #content_full .category-content .search-opps h1 { margin-bottom: 30px; } #content_full .category-content .search-opps p { margin-bottom: 30px; font-size: 18px; } #content_full .category-content .search-opps .search_result_form { position: relative; max-width: 500px; margin-right: auto; margin-left: auto; padding: 0 30px; } #content_full .category-content .search-opps .search_result_form .search_form { display: inline-block; vertical-align: middle; position: relative; margin-bottom: 30px; width: 100%; } #content_full .category-content .search-opps .search_result_form .search_form .search_text { padding-left: 20px; padding-right: 125px; width: 100%; height: 50px; background-color: #fafafa; border: 1px solid #eff2f7; border-radius: 3px; margin: 0; } #content_full .category-content .search-opps .search_result_form .search_form .search-submit { background-color: #fd4145; margin: 0; padding: 0; position: absolute; top: 0; right: 0; height: 50px; width: 100px; border: none; border-radius: 0 3px 3px 0; letter-spacing: 0; -webkit-transition: 0.5s all; transition: 0.5s all; color: #ffffff !important; cursor: pointer; } .sidebar a:hover, .sidebar a:focus { color: #fd4145; } #content_full #sidebar { position: relative; } #content_full #sidebar .sidebar__inner { left: auto !important; right: auto !important; float: none !important; width: 100%; } #content_full #sidebar .sidbar_w { position: relative; width: 100%; padding: 60px 30px; } #content_full #sidebar .widget_area { position: relative; overflow: hidden; } #content_full #sidebar .widget_area:not(:last-child) { margin-bottom: 30px; } #content_full #sidebar .widget_area .widget_title, #content_full #sidebar .widget_area .widgettitle { position: relative; text-align: center; font-size: 20px; line-height: 25px; font-weight: 700; margin-bottom: 25px; padding-bottom: 5px; overflow: hidden; } #content_full #sidebar .widget_area .widget_title:before, #content_full #sidebar .widget_area .widget_title:after, #content_full #sidebar .widget_area .widgettitle:before, #content_full #sidebar .widget_area .widgettitle:after { position: absolute; top: 50%; overflow: hidden; width: 50%; height: 0; content: ''; } #content_full #sidebar .widget_area .widget_title::before, #content_full #sidebar .widget_area .widgettitle::before { margin-left: -57%; text-align: right; } #content_full #sidebar .widget_area .widget_title:after, #content_full #sidebar .widget_area .widgettitle:after { margin-left: 7%; } #content_full #sidebar .widget_area .search-form { position: relative; } #content_full #sidebar .widget_area .search-form label { width: 100%; margin-bottom: 0; } #content_full #sidebar .widget_area .search-form label span { display: none; } #content_full #sidebar .widget_area .search-form label input.search-field { border: none; padding: 4px 15px; height: 48px; line-height: 48px; font-family: 'Poppins', sans-serif; font-size: 14.5px; padding: 0 15px; position: relative; vertical-align: middle; width: 100%; border: 1px solid #d2d2d2; } #content_full #sidebar .widget_area .search-form .search-submit { position: absolute; bottom: 4px; right: 10px; cursor: pointer; height: 40px; width: 40px; padding: 0; background-color: #000 !important; border-color: #fff !important; opacity: 0; z-index: 2; } #content_full #sidebar .widget_area .search-form:before { content: "\e0cc"; position: absolute; bottom: 4px; right: 10px; cursor: pointer; height: 40px; width: 40px; padding: 0; color: #000; font-family: "jam-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 40px; text-align: center; -webkit-font-smoothing: antialiased; z-index: 1; } #content_full #sidebar .area_about { padding: 0 15px; margin: auto; text-align: center; } #content_full #sidebar .area_about .about img { border-radius: 50%; height: 140px; margin-bottom: 20px; width: 140px; } #content_full #sidebar .area_about .about p { margin-bottom: 20px; } #content_full #sidebar .area_about .about .sign-about { width: auto; height: auto; margin-bottom: 0; } #content_full #sidebar .recent_posts { position: relative; } #content_full #sidebar .recent_posts .recent_post:not(:last-child) { margin-bottom: 20px; } #content_full #sidebar .recent_posts .post-media { display: inline-block; text-align: center; width: 40%; max-width: 97px; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } #content_full #sidebar .recent_posts .post-media a { display: block; position: relative; } #content_full #sidebar .recent_posts .post-media img { transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } #content_full #sidebar .recent_posts .post-media img:hover, #content_full #sidebar .recent_posts .post-media img:focus { -webkit-transform: scale(1.01); transform: scale(1.01); } #content_full #sidebar .recent_posts .post_info { display: inline-block; vertical-align: middle; padding-left: 11px; padding-top: 10px; width: 55%; text-align: left; } #content_full #sidebar .recent_posts .post_info p { margin-top: -2px; margin-bottom: 6px; font-size: 16px; line-height: 13px; margin-bottom: 10px; } #content_full #sidebar .recent_posts .post_info p:hover a, #content_full #sidebar .recent_posts .post_info p:focus a { color: inherit; opacity: .7; } #content_full #sidebar .recent_posts .post_info h5 { font-size: 15px; line-height: 1.5; } #content_full #sidebar .recent_posts .post_info h5:hover a, #content_full #sidebar .recent_posts .post_info h5:focus a { opacity: .7; } #content_full #sidebar .social_icons_area { text-align: center; } #content_full #sidebar .social_icons_area .scoial-icon { position: relative; display: inline-block; margin: auto; } #content_full #sidebar .social_icons_area .scoial-icon:hover a, #content_full #sidebar .social_icons_area .scoial-icon:focus a { opacity: .1; } #content_full #sidebar .social_icons_area .scoial-icon:hover a:hover, #content_full #sidebar .social_icons_area .scoial-icon:focus a:focus { opacity: 1; } #content_full #sidebar .social_icons_area .scoial-icon a { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 16px; -webkit-transition: all .5s; transition: all .5s; } #content_full #sidebar .social_icons_area .scoial-icon a:hover, #content_full #sidebar .social_icons_area .scoial-icon a:focus { opacity: 1; } #content_full #sidebar .instagram_feed .instagram_pics li { position: relative; display: inline-block; float: left; margin: 0; padding: 5px; width: 50%; transition: transform 1s ease, -webkit-transform 1s ease; } #content_full #sidebar .instagram_feed .instagram_pics li a { position: relative; display: block; overflow: hidden; transition: transform 1s ease, -webkit-transform 1s ease; } #content_full #sidebar .instagram_feed .instagram_pics li a img { transition: transform 1s ease, -webkit-transform 1s ease; } #content_full #sidebar .instagram_feed .instagram_pics li a .instagram-overlay { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } #content_full #sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } #content_full #sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta div { width: 100%; text-align: center; } #content_full #sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta div span { margin: 0 5px; font-size: 15px; -webkit-transition: all .3s; transition: all .3s; } #content_full #sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta div span i { font-size: 16px; -webkit-transition: all .3s; transition: all .3s; } #content_full #sidebar .instagram_feed .instagram_pics li:hover a img, #content_full #sidebar .instagram_feed .instagram_pics li:focus a img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } #content_full #sidebar .instagram_feed .instagram_pics li:hover a .instagram-overlay, #content_full #sidebar .instagram_feed .instagram_pics li:focus a .instagram-overlay { opacity: 1; } #content_full #sidebar .instagram_feed .instagram_pics li:hover a .instagram-overlay .instagram-meta, #content_full #sidebar .instagram_feed .instagram_pics li:focus a .instagram-overlay .instagram-meta { opacity: 1; } #content_full #sidebar .widget_newslleter form input { border: none; padding: 4px 15px; height: 48px; line-height: 48px; font-family: 'Poppins', sans-serif; font-size: 14.5px; padding: 0 15px; position: relative; vertical-align: middle; width: 100%; } #content_full #sidebar .widget_newslleter form .btn { width: 100%; margin-top: 20px; font-size: 12.1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 0px; line-height: 14px; text-transform: uppercase; border: none; cursor: pointer; border-radius: 0; margin-top: 20px; padding: 17px 41px; -webkit-transition: background .3s, color .3s; transition: background .3s, color .3s; } #content_full #sidebar .widget_newslleter form .btn:hover, #content_full #sidebar .widget_newslleter form .btn:focus { opacity: .7; } #content_full #sidebar .widget_recent_comments ul li, #content_full #sidebar .widget_archive ul li, #content_full #sidebar .widget_meta ul li, #content_full #sidebar .widget_pages ul li { position: relative; font-size: 15px; font-family: 'Poppins', sans-serif; line-height: 1.5; font-weight: 400; color: #303133; padding-left: 15px; } .widget_recent_comments .comment-author-link { font-weight: 500; } #content_full #sidebar .widget_recent_comments ul li:not(:last-child), #content_full #sidebar .widget_archive ul li:not(:last-child), #content_full #sidebar .widget_meta ul li:not(:last-child), #content_full #sidebar .widget_pages ul li:not(:last-child) , #content_full #sidebar .widget_categories ul li:not(:last-child), #content_full #sidebar .widget_meta ul li:not(:last-child) { margin-bottom: 20px; } #content_full #sidebar .widget_recent_comments ul li:after, #content_full #sidebar .widget_archive ul li:after, #content_full #sidebar .widget_meta ul li:after, #content_full #sidebar .widget_pages ul li:after { content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 3px; background-color: #fd4145; } #content_full #sidebar .widget_recent_comments ul li span, #content_full #sidebar .widget_archive ul li span, #content_full #sidebar .widget_meta ul li span, #content_full #sidebar .widget_pages ul li span { font-size: 13px; color: #8f8f8f; font-family: 'Poppins', sans-serif; } #content_full #sidebar .widget_recent_comments ul abbr, #content_full #sidebar .widget_archive ul abbr, #content_full #sidebar .widget_meta ul abbr, #content_full #sidebar .widget_pages ul abbr { border-bottom: 1px dotted #fd4145; } #content_full #sidebar .calendar_wrap table { width: 100%; } #content_full #sidebar .calendar_wrap table tr { text-align: center; } #content_full #sidebar .calendar_wrap table tr th { color: #000; font-weight: bold; font-family: 'Poppins', sans-serif; } #content_full #sidebar .calendar_wrap table tr th, #content_full #sidebar .calendar_wrap table tr td { padding: 12px; font-weight: 600; } #content_full #sidebar .calendar_wrap table tr td { position: relative; } #content_full #sidebar .calendar_wrap table tr td#today { background-color: #fd4145; color: #fff; width: 100%; height: 100%; } #content_full #sidebar .calendar_wrap table tr td#today:after { content: ''; position: absolute; left: 50%; margin-left: -2px; bottom: 5px; width: 4px; height: 4px; border-radius: 100%; background-color: #fff; } #content_full #sidebar .calendar_wrap caption { padding-top: 0; text-align: center; caption-side: top; font-size: 15px; font-weight: 600; font-family: 'Poppins', sans-serif; } #content_full #sidebar .widget_custom_html div, #content_full #sidebar .widget_text div { font-size: 15px; font-family: 'Poppins', sans-serif; line-height: 1.5; font-weight: 600; color: #222; } #content_full #sidebar .widget_archive label { display: none; } #content_full #sidebar .widget_archive select { width: 100%; height: 48px; line-height: 48px; padding-left: 10px; padding-right: 10px; font-weight: 500; font-size: 14px; border: 1px solid #e3e3e3; } #content_full #sidebar .widget_media_gallery .gallery-item { width: 48%; display: inline-block; padding: 5px; } #content_full .dark-sidebar .sidbar_w { background-color: #0f0f0f; color: #fff; } #content_full .dark-sidebar .widget_area .widget_title, #content_full .dark-sidebar .widget_area .widgettitle { color: #fff; } #content_full .dark-sidebar .widget_area .widget_title:before, #content_full .dark-sidebar .widget_area .widget_title:after, #content_full .dark-sidebar .widget_area .widgettitle:before, #content_full .dark-sidebar .widget_area .widgettitle:after { border-top: 1px solid #fafafa; } #content_full .dark-sidebar .recent_posts .post_info p { color: #d1d1d1; } #content_full .dark-sidebar .recent_posts .post_info h5 { color: #fff; } #content_full .dark-sidebar .recent_posts .post_info h5:hover a, #content_full .dark-sidebar .recent_posts .post_info h5:focus a { color: #fd4145; opacity: .7; } #content_full .dark-sidebar .social_icons_area .scoial-icon a { color: #fff; } #content_full .dark-sidebar .instagram_feed .instagram_pics li a .instagram-overlay { background: rgba(31, 33, 35, 0.45); color: #fff; } #content_full .dark-sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta { color: #fff; } #content_full .dark-sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta div { color: #fff; } #content_full .dark-sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta div span:hover i, #content_full .dark-sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta div span:focus i { color: #fd4145; } #content_full .dark-sidebar .widget_newslleter form input { background-color: #fff; } #content_full .dark-sidebar .widget_newslleter form .btn { background-color: #fff; background: #000; color: #fff; } #content_full .light-sidebar .sidbar_w { background-color: #fafafa; } #content_full .light-sidebar .widget_area .widget_title:before, #content_full .light-sidebar .widget_area .widget_title:after, #content_full .light-sidebar .widget_area .widgettitle:before, #content_full .light-sidebar .widget_area .widgettitle:after { border-top: 1px solid #e3e3e3; } #content_full .light-sidebar .recent_posts .post_info h5:hover a, #content_full .light-sidebar .recent_posts .post_info h5:focus a { color: #fd4145; opacity: .7; } #content_full .light-sidebar .social_icons_area .scoial-icon a { color: #333; } #content_full .light-sidebar .instagram_feed .instagram_pics li a .instagram-overlay { background: rgba(31, 33, 35, 0.45); color: #fff; } #content_full .light-sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta { color: #fff; } #content_full .light-sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta div { color: #fff; } #content_full .light-sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta div span:hover i, #content_full .light-sidebar .instagram_feed .instagram_pics li a .instagram-overlay .instagram-meta div span:focus i { color: #fd4145; } #content_full .light-sidebar .widget_newslleter form input { background-color: #fff; } #content_full .light-sidebar .widget_newslleter form .btn { background-color: #fff; background: #000; color: #fff; } #content_full .ogato-pagination { position: relative; overflow: hidden; width: 100%; } #content_full .ogato-pagination .pagination { display: block; } #content_full .ogato-pagination .pagination .page-numbers, #content_full .ogato-pagination .pagination .ogato-pagination a { font-size: 14px; color: #2b2735; font-weight: 600; display: inline-block; text-align: center; -webkit-transition: .2s; transition: .2s; border-radius: 50%; height: 35px; width: 35px; line-height: 34px; border: 1px solid transparent; } #content_full .ogato-pagination .pagination .page-numbers.current { background-color: #fd4145; color: #fff; } #content_full .ogato-pagination .pagination .page-numbers:hover, #content_full .ogato-pagination .pagination .page-numbers:focus { background-color: #fd4145; color: #fff; } #content_full #sidebar .widget_recent_entries ul li { font-size: 15px; line-height: 1.5; font-weight: 400; color: #303133; margin-bottom: 15px; list-style: none; } .widget_recent_comments li { list-style: none; } .widget_recent_comments li { list-style: none; } #sidebar li { list-style: none; } #content_full #sidebar .widget_categories select { display: block; width: 100%; text-align: center; position: relative; padding: 8px 0px; } body.page .content article.page { width: 100%; } .content article.post { width: 100%; } @media all and (min-width: 991px) { .socials-wrap:hover .socials, .socials-wrap:focus .socials { opacity: 1 !important; display: inline-block !important; } .socials-wrap:hover .socials-text , .socials-wrap:focus .socials-text { -webkit-transform: translate(36px, -34px); transform: translate(36px, -34px); } .socials-wrap:hover .socials-icon, .socials-wrap:focus .socials-icon { -webkit-transform: translate(-8px, -34px) !important; transform: translate(-8px, -34px) !important; opacity: 0; } } /* ------------------------------------------------------- Stores -------------------------------------------------------- */ #rStories { position: fixed; width: 100%; left: 0; top: auto; bottom: -130px; height: 130px; z-index: 999; padding: 10px; -webkit-box-shadow: 0 -1px 27px 4px rgba(0, 0, 0, 0.07); box-shadow: 0 -1px 27px 4px rgba(0, 0, 0, 0.07); background-color: #212121; } #rStories .stories-sticky-footer { position: absolute; top: -41px; -webkit-box-shadow: 0 -1px 27px 4px rgba(0, 0, 0, 0.07); box-shadow: 0 -1px 27px 4px rgba(0, 0, 0, 0.07); background-color: #212121; padding: 10px 25px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 8px 8px 0 0; cursor: pointer; } .site_header_image .post-subtitle-container .post-date a:hover, .site_header_image .post-subtitle-container .post-date a:focus { color: #fd4145; opacity: .8; } #rStories .stories-sticky-footer .r-s-title { color: #fff; font-size: 18px; } #rStories .r-s-title-left { height: 100%; overflow: hidden; } #rStories .r-s-title-left h4 { color: #fff; font-size: 22px; font-weight: 600; } #rStories .r-s-content { height: 100%; text-align: right; } #rStories .r-s-content .story-item { position: relative; border: 4px solid #1d1818; border-radius: 8px; display: inline-block; margin-right: -5px; margin-left: -17px; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; vertical-align: middle; height: 105px; width: 85px; overflow: hidden; } #rStories .r-s-content .story-item:hover, #rStories .r-s-content .story-item:focus { margin-right: 0; margin-left: 0; } #rStories .r-s-content .story-item:hover .img-story-item, #rStories .r-s-content .story-item:focus .img-story-item { -webkit-transform: scale(1.1); transform: scale(1.1); } #rStories .r-s-content .story-item .img-story-item { width: 100%; height: 100%; border-radius: 3px; -webkit-transition: all 0.5s; transition: all 0.5s; } #rStories .r-s-content .story-item .img-story-auth { position: absolute; width: 40px; height: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 1px; border-radius: 50%; border: 4px solid #fff; } .r-s-overlay { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; pointer-events: revert; } .r-s-overlay .r-s-loader img { width: 150px; height: 150px; border-radius: 50%; padding: 4px; } .r-s-overlay .r-s-loader:before { content: ''; position: absolute; width: 165px; height: 165px; border-right: 2px solid #eee; border-radius: 50%; -webkit-animation: rotating-left 2s linear infinite; animation: rotating-left 2s linear infinite; margin: -8px; } .r-s-overlay .r-s-loader:after { content: ''; position: absolute; width: 150px; height: 150px; left: 0; top: 0; border-right: 2px solid #eee; border-radius: 50%; -webkit-animation: rotating-right 2s linear infinite; animation: rotating-right 2s linear infinite; } .r-s-overlay .r-s-slider-content { height: 500px; width: 400px; display: inline-block; z-index: 1002; } .r-s-overlay .r-s-slider-content img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 8px; -webkit-box-shadow: 0 0 42px 20px rgba(0, 0, 0, 0.43); box-shadow: 0 0 42px 20px rgba(0, 0, 0, 0.43); } .r-s-overlay .r-s-arrow-slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 10px; z-index: 9999; padding: 0 10px; } .r-s-overlay .r-s-arrow-slider .progress { display: inline-block; height: 5px; margin: 0 3px; opacity: 0; cursor: pointer; background: rgba(233, 236, 239, 0.2784313725); -webkit-box-shadow: 0 0 42px 20px rgba(0, 0, 0, 0.43); box-shadow: 0 0 42px 20px rgba(0, 0, 0, 0.43); } .r-s-overlay .r-s-arrow-slider .progress .progress-bar { width: 0; height: 100%; background: rgba(255, 255, 255, 0.9); } .r-s-overlay .r-s-close { opacity: 0; position: absolute; bottom: -30px; left: 50%; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; z-index: 9999; } .r-s-overlay .r-s-close i { background-color: #fff; border-radius: 100%; color: #000; font-size: 18px; width: 60px; height: 60px; line-height: 60px; -webkit-box-shadow: 0 0 42px 20px rgba(0, 0, 0, 0.43); box-shadow: 0 0 42px 20px rgba(0, 0, 0, 0.43); -webkit-transition: color .9s; transition: color .9s; } .r-s-overlay .r-s-close i:hover, .r-s-overlay .r-s-close i:focus { color: #fd4145; } @-webkit-keyframes rotating-right { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating-right { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotating-left { from { -webkit-transform: rotate(360deg); transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes rotating-left { from { -webkit-transform: rotate(360deg); transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .hideRotate:before, .hideRotate:after { display: none; } /* ------------------------------------------------------- footer instagram -------------------------------------------------------- */ .footer { position: relative; background-color: #0f0f0f; color: #fff; overflow: hidden; } .footer #footer_instagram { position: relative; overflow: hidden; } .footer #footer_instagram .widget_title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #000; color: #fff6f1; padding: 20px 30px; z-index: 9; text-transform: uppercase; font-size: 14px; } .footer #footer_instagram .instagram_pics li { position: relative; display: inline-block; float: left; margin: 0; width: 16.6667%; overflow: hidden; transition: transform 1s ease, -webkit-transform 1s ease; } .footer #footer_instagram .instagram_pics li a { position: relative; display: block; overflow: hidden; transition: transform 1s ease, -webkit-transform 1s ease; } .footer #footer_instagram .instagram_pics li a img { transition: transform 1s ease, -webkit-transform 1s ease; } .footer #footer_instagram .instagram_pics li a .instagram-overlay { position: absolute; display: block; top: 0; left: 0; background: rgba(31, 33, 35, 0.45); color: #fff; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .footer #footer_instagram .instagram_pics li:hover a img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .footer #footer_instagram .instagram_pics li:hover a .instagram-overlay { opacity: 1; } .footer .footer_bottom { position: relative; } .footer .footer_bottom.section-padding { padding-top: 60px !important; padding-bottom: 60px !important; } .footer .footer_bottom .footer_logo { display: inline-block; } .footer .footer_bottom .footer_logo img { max-width: 250px; } .footer .footer_bottom .newsletter { display: block; position: relative; } .footer .footer_bottom .newsletter h4 { font-size: 18px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #fff; margin-bottom: 20px; } .footer .footer_bottom .newsletter div { position: relative; max-width: 650px; margin: auto; } .footer .footer_bottom .newsletter div form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; height: 100%; } .footer .footer_bottom .newsletter div form input { margin: 0; background-color: #fafafa; width: 60%; padding: 5px 20px; line-height: 40px; border: none; margin: 0; display: inline-block; line-height: 1.2; height: 48px; } .footer .footer_bottom .newsletter div form .btn { display: inline-block; width: 28%; height: 48px; padding: 5px 20px; margin: 0; background: #000; color: #fff; letter-spacing: 3px; text-transform: uppercase; border: none; cursor: pointer; border-radius: 0; } .footer .footer_bottom .box_scoial_icon { position: relative; display: block; margin-bottom: 30px; } .footer .footer_bottom .box_scoial_icon .scoial-icon { position: relative; display: inline-block; text-align: center; margin: auto; } .footer .footer_bottom .box_scoial_icon .scoial-icon:hover a { opacity: .1; } .footer .footer_bottom .box_scoial_icon .scoial-icon:hover a:hover { opacity: 1; } .footer .footer_bottom .box_scoial_icon .scoial-icon a { display: inline-block; text-align: center; color: #fff; border-radius: 50%; margin-right: 70px; -webkit-transition: all .5s; transition: all .5s; } .footer .footer_bottom .box_scoial_icon .scoial-icon a:last-child { margin-right: 0; } .footer .footer_bottom .box_scoial_icon .scoial-icon a i { width: 40px; height: 40px; line-height: 40px; font-size: 18px; } .footer .footer_bottom .box_scoial_icon .scoial-icon a span { display: block; font-weight: 600; } .footer .footer_bottom .box_scoial_icon .scoial-icon a:hover { opacity: 1; } .footer .footer_bottom .disclaimer { position: relative; font-size: 16px; } .footer .footer_bottom .disclaimer span { padding-left: 4px; } .footer .footer_bottom .to_top { padding-top: 15px; padding-bottom: 45px; display: block; position: relative; height: 100px; width: 100px; margin: auto; } .footer .footer_bottom .to_top .icon-circle { width: 50px; height: 50px; border-radius: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; cursor: pointer; z-index: 4; } .footer .footer_bottom .to_top a { position: absolute; width: 100%; height: 100%; left: 0; z-index: 22; } .footer .footer_bottom .to_top #to-top { color: #fff; font-size: 20px; position: relative; top: 28px; left: 5px; cursor: pointer; } .footer .footer_bottom .to_top #to-top i { display: inline-block; position: relative; -webkit-transition: .2s; transition: .2s; } /* ------------------------------------------------------- single Posts -------------------------------------------------------- */ body.single-post { background-color: #fafafa; } body.single-post .footer_bottom.section-padding { padding-top: 90px !important; } .main_p { position: relative; background: #fff; margin: 0 auto; max-width: 1100px; margin-top: -40px; margin-bottom: -40px; padding-left: 30px; padding-right: 30px; z-index: 1; } .main_p .entry_header_small { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main_p .entry_header_small .post_excerpt { margin-bottom: 30px; font-size: 16px; font-weight: 500; } .main_p .entry_header_small .post_excerpt a { color: inherit; text-shadow: 0 1px 0 white; text-decoration: none; border-bottom: 5px solid #fe8d8f; display: inline-block; position: relative; padding: 0 .2em; -webkit-transition: all 250ms; transition: all 250ms; z-index: 1000; } .main_p .entry_header_small .post_excerpt a:before { content: ""; z-index: -1; width: 100%; height: 0%; background: rgba(254, 166, 168, 0.16); bottom: 0; left: 0; position: absolute; -webkit-transition: height 250ms; transition: height 250ms; } .main_p .entry_header_small .post_excerpt a:hover , .main_p .entry_header_small .post_excerpt a:focus { border-color: transparent; } .main_p .entry_header_small .post_excerpt a:hover:before, .main_p .entry_header_small .post_excerpt a:focus:before { height: 100%; } .main_p .entry_header_small .entry_header { position: relative; } .main_p .entry_header_small .entry_header .entry_title { margin-bottom: 30px; line-height: 1.2; font-size: 25px; font-weight: bolder; text-transform: uppercase; } .main_p .entry_header_small .entry-content blockquote { position: relative; font-family: 'Poppins', sans-serif; font-style: italic; text-align: left; font-size: 16px; color: #444; line-height: 30px; margin-top: 30px; margin-bottom: 30px; margin-left: 15px; padding: 30px 0px 30px 30px; border-left: 2px solid #f4f4f4; } .main_p .entry_header_small .entry-content blockquote:before { content: ""; background: url(../assets/img/quote-icon.png); position: absolute; top: 5px; left: 20px; z-index: 2; width: 22px; height: 17px; background-position: center; background-repeat: no-repeat; } .main_p .entry_header_small .post_media { position: relative; text-align: center; } .main_p .entry_header_small .post_media.mb-50 { margin-bottom: 30px !important; } .main_p .entry_header_small .post_media figcaption { color: inherit; line-height: 1.4; opacity: 0.8; padding: 0 30px; margin-top: 20px; font-weight: 600; } .main_p .entry_header_small .post_media iframe { width: 100%; height: 380px; border-radius: 4px !important; } .main_p .entry_header_small .post_media.post_media_video .play-button { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 5; } .main_p .entry_header_small .post_media.post_media_video .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 4; } .main_p .entry_header_small .post_media.post_media_video .play-btn i { color: #fff; font-size: 40px; } .main_p .entry_header_small .post_media.post_media_video .play-circles { display: block; width: 100%; height: 100%; } .main_p .entry_header_small .block_gallery { position: relative; } .main_p .entry_header_small .block_gallery.mt-50 { margin-top: 0 !important; } .main_p .entry_header_small .block_gallery .blocks_gallery_item { position: relative; display: inline-block; width: calc(33.33333% - 10.66667px); padding-right: 16px; } .main_p .entry_header_small .block_gallery .blocks_gallery_item figure { height: 100%; margin-bottom: 0; } .main_p .entry_header_small .block_gallery .blocks_gallery_item figure a { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .main_p .entry_header_small .block_gallery .blocks_gallery_item figure a img { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; -o-object-fit: cover; object-fit: cover; } .main_p .entry_header_small h2 { font-size: 35px; } .main_p .entry_header_small .tagcloud { margin-bottom: 10px; margin-top: 10px; display: block; width: 100%; } .main_p .entry_header_small .tagcloud a { color: #151515; text-shadow: 0 1px 0 white; border-bottom: 1px dashed #fe8d8f; display: inline-block; position: relative; margin-right: 0px; padding: 0 .2em; -webkit-transition: all 250ms; transition: all 250ms; font-size: 14px; font-weight: 300; font-family: 'Poppins', sans-serif; z-index: 1000; } .main_p .entry_header_small .tagcloud a:before { content: ""; z-index: -1; width: 100%; height: 0%; background: rgba(254, 166, 168, 0.16); bottom: 0; left: 0; position: absolute; -webkit-transition: height 250ms; transition: height 250ms; } .main_p .entry_header_small .tagcloud a:hover, .main_p .entry_header_small .tagcloud a:focus { border-color: transparent; color: #fd4145; } .main_p .entry_header_small .tagcloud a:hover:before, .main_p .entry_header_small .tagcloud a:focus:before { height: 100%; } .main_p .entry_header_small .post_bottom_meta { position: relative; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #ededed; padding: 12px 0 12px; margin-top: 15px; width: 100%; } .main_p .entry_header_small .post_bottom_meta .half_width { width: 55%; display: inline-block; } .main_p .entry_header_small .post_bottom_meta .half_width:nth-last-of-type(1) { width: 44%; } .main_p .entry_header_small .post_bottom_meta .post_meta { display: -webkit-box; } .main_p .entry_header_small .post_bottom_meta .post_meta li { display: list-item; text-align: -webkit-match-parent; vertical-align: middle; font-weight: 600; line-height: 32px; color: #333; list-style: none; } .main_p .entry_header_small .post_bottom_meta .post_meta li span { position: relative; margin-right: 18px; padding-right: 20px; vertical-align: middle; } .main_p .entry_header_small .post_bottom_meta .post_meta li span:after { content: ""; position: absolute; top: 50%; right: 0; background: #fd4145; width: 4px; height: 4px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .main_p .entry_header_small .post_bottom_meta .post_meta li span img { width: 32px; height: 32px; border-radius: 100%; margin-right: 10px; } .main_p .entry_header_small .post_bottom_meta .post_meta li span a { color: #111a22; } .main_p .entry_header_small .post_bottom_meta .post_meta li span.author { color: #fd4145; text-transform: capitalize; } .main_p .entry_header_small .post_bottom_meta .post_meta li:last-child span { margin-right: 0px; padding-right: 0px; } .main_p .entry_header_small .post_bottom_meta .post_meta li:last-child span:after { display: none; } .main_p .entry_header_small .post_bottom_meta .socials-wrap { position: relative; width: 100%; height: 100%; padding-top: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: all; -webkit-transition: all 0.5s cubic-bezier(0.5, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.5, 0.61, 0.355, 1) 0s; overflow: hidden; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials-icon { float: right; width: 30px; font-size: 12px; text-align: right; margin-left: 10px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials-text { float: right; font-size: 12px; font-weight: 600; font-family: 'Poppins', sans-serif; -webkit-transition: all 0.2s cubic-bezier(0.5, 0.61, 0.355, 1) 0s; transition: all 0.2s cubic-bezier(0.5, 0.61, 0.355, 1) 0s; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials { opacity: 0; display: none; position: absolute; top: 5px; left: auto; right: 0; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials li { margin-right: 2px; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; z-index: 2; -webkit-transition: background 0.4s ease-in-out 0s; -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0.4s ease-in-out 0s; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0.4s ease-in-out 0s; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials li a { color: #000; font-size: 12px; font-weight: 600; display: block; height: 30px; width: 30px; text-align: center; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials li a span { font-size: 12px; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials li:hover, .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials li:focus { opacity: 1; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials:hover a, .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials:focus a { opacity: .1; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials:hover a:hover, .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials:focus a:focus { opacity: 1; } .main_p .comment_sec { position: relative; } .main_p .comment_sec .title { position: relative; font-size: 22px; font-weight: 600; text-transform: capitalize; margin-bottom: 50px; padding-bottom: 15px; letter-spacing: 0px; } .main_p .comment_sec .title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background: #fd4145; z-index: -1; } .main_p .comment_sec .blog_comments { overflow: hidden; } .single-attachment .content article { text-align: center; display: block; margin: 0px auto; float: none; } .blog_comments li { list-style: none; } .blog_comments ul { list-style: none; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .commenter { float: left; height: 100px; margin-right: 20px; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .commenter img { border-radius: 100%; height: 65px; width: 65px; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block { display: flow-root; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block .comntr_title { display: block; font-size: 16px; font-weight: 600; margin-bottom: 10px; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block .comntr_time { font-size: 14px; margin-bottom: 15px; font-style: italic; color: #333; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block .comntr_time span { position: relative; color: #fd4145; margin-left: 60px; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block .comntr_time span:before { content: ""; position: absolute; right: 100%; top: 50%; width: 50px; height: 1px; margin-right: 10px; background: #fd4145; z-index: -1; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block p { font-size: 16px; font-weight: 500; margin-bottom: 15px; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block .reply a { display: inline-block; background-color: #fafafa; padding: 10px 20px; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block .reply a:hover, .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block .reply a:focus { background-color: #fd4145; color: #fff; } .main_p .comment_sec .blog_comments-rep { margin-left: 85px; } .main_p .comment_sec .comment-respond { position: relative; margin-bottom: 30px; } .main_p .comment_sec .comment-respond .comment-form { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .main_p .comment_sec .comment-respond .comment-form .form-comment { margin-bottom: 30px; } .main_p .comment_sec .comment-respond .comment-form .form-comment label { display: block; margin-bottom: 10px; color: #000; font-style: 18px; font-weight: 600; } .main_p .comment_sec .comment-respond .comment-form .form-comment textarea { width: 100%; max-width: 100%; min-width: 100%; max-height: 200px; min-height: 200px; padding: 10px 1.5%; border: 1px solid #eaeaea; } .main_p .comment_sec .comment-respond .comment-form .form-comment input { width: 100%; padding: 10px 1.5%; border: 1px solid #eaeaea; } .main_p .comment_sec .comment-respond .comment-form .comment-form-comment { margin-bottom: 30px; } .main_p .comment_sec .comment-respond .comment-form-comment label { display: block; margin-bottom: 10px; color: #000; font-style: 18px; font-weight: 600; } .main_p .comment_sec .comment-respond .comment-form .comment-form-comment textarea { width: 100%; max-width: 100%; min-width: 100%; max-height: 200px; min-height: 200px; padding: 10px 1.5%; border: 1px solid #eaeaea; } .main_p .comment_sec .comment-respond .comment-form .comment-form-comment input { width: 100%; padding: 10px 1.5%; border: 1px solid #eaeaea; } .main_p .comment_sec .comment-respond .comment-form-comment input { width: 100%; padding: 10px 1.5%; border: 1px solid #eaeaea; } .main_p .comment_sec .comment-respond .comment-form .form-submit input { text-transform: uppercase; font-weight: 600; background-color: #fd4145; color: #fff; border: none; padding: 15px 30px; letter-spacing: 3px; cursor: pointer; font-size: 15px; -webkit-transition: -webkit-box-shadow 0.15s linear; transition: -webkit-box-shadow 0.15s linear; transition: box-shadow 0.15s linear; transition: box-shadow 0.15s linear, -webkit-box-shadow 0.15s linear; } .main_p .comment_sec .comment-respond .comment-form .form-submit input:hover, .main_p .comment_sec .comment-respond .comment-form .form-submit input:focus { -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); background-color: #000; } .comment-form .form-submit { padding-left: 15px; } #comments .blog_comments .pingback { margin-bottom: 20px; } #comments .blog_comments .pingback a { color:#fd4145; } #comments .blog_comments .pingback a:hover, #comments .blog_comments .pingback a:focus { text-decoration: underline !important; } .main_p .post_navigation_area { position: relative; padding-top: 50px; padding-bottom: 50px; background-color: #fafafa; margin-top: 100px; } .main_p .post_navigation_area .post-navigation { clear: both; overflow: hidden; } .main_p .post_navigation_area .post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main_p .post_navigation_area .post-navigation .nav-links .nav-previous, .main_p .post_navigation_area .post-navigation .nav-links .nav-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: margin .4s ease-in-out; transition: margin .4s ease-in-out; align-items: center; -webkit-box-align: center; -ms-flex-align: center; position: relative; } .main_p .post_navigation_area .post-navigation .nav-links .nav-previous i, .main_p .post_navigation_area .post-navigation .nav-links .nav-next i { position: absolute; display: inline-block; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-transform: none; opacity: 0; font-size: 2em; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; text-rendering: auto; } .main_p .post_navigation_area .post-navigation .nav-links .nav-previous { padding-right: 15px; } .main_p .post_navigation_area .post-navigation .nav-links .nav-previous i { position: absolute; left: -50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .main_p .post_navigation_area .post-navigation .nav-links .nav-previous:hover, .main_p .post_navigation_area .post-navigation .nav-links .nav-previous:focus { margin-left: 50px; } .main_p .post_navigation_area .post-navigation .nav-links .nav-previous:hover i, .main_p .post_navigation_area .post-navigation .nav-links .nav-previous:focus i { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .main_p .post_navigation_area .post-navigation .nav-links .nav-next { padding-left: 15px; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .main_p .post_navigation_area .post-navigation .nav-links .nav-next i { position: absolute; right: -50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .main_p .post_navigation_area .post-navigation .nav-links .nav-next:hover, .main_p .post_navigation_area .post-navigation .nav-links .nav-next:focus { margin-right: 50px; } .main_p .post_navigation_area .post-navigation .nav-links .nav-next:hover i, .main_p .post_navigation_area .post-navigation .nav-links .nav-next:focus i { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .main_p .post_navigation_area .post-navigation .nav-links .meta-nav { display: block; margin-bottom: 10px; font-weight: 400; font-size: 16px; text-transform: uppercase; } .main_p .post_navigation_area .post-navigation .nav-links .post-title { font-size: 18px; } .navbar .navbar-collapse .navbar-nav .nav-item ul.dropdown-menu li:hover, .navbar .navbar-collapse .navbar-nav .nav-item ul.dropdown-menu li:focus { background: #fff !important; } .navbar .navbar-collapse .navbar-nav .nav-item ul.dropdown-menu li:hover a, .navbar .navbar-collapse .navbar-nav .nav-item ul.dropdown-menu li:focus a { color: #fd4145 !important; } .main_p .related_posts { position: relative; background-color: #fafafa; border-top: 1px solid #eaeaea; } .main_p .related_posts h4.title span::after { content: ""; display: block; background-color: #fd4145; height: 1px; width: 100%; max-width: 50px; margin: 5px auto; } .main_p .related_posts .related_posts_item { position: relative; margin-bottom: 30px; } .main_p .related_posts .related_posts_item .post_card_thumbnail { margin-bottom: 20px; } .main_p .related_posts .related_posts_item .post_card_body { position: relative; padding-left: 15px; padding-right: 15px; } .main_p .related_posts .related_posts_item .post_card_body .post_card_title { font-size: 16px; margin-bottom: 15px; } .main_p .related_posts .related_posts_item .post_card_body .post_card_meta { position: relative; } .main_p .related_posts .related_posts_item .post_card_body .post_card_meta .cat_links { display: inline-block; margin-right: 30px; } .main_p .related_posts .related_posts_item .post_card_body .post_card_meta .cat_links a { -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .main_p .related_posts .related_posts_item .post_card_body .post_card_meta .posted_on { display: inline-block; position: relative; } .main_p .related_posts .related_posts_item .post_card_body .post_card_meta .posted_on:before { content: ""; position: absolute; right: 100%; top: 50%; width: 15px; height: 1px; margin-right: 10px; background: #fd4145; } .main_p_v_2 { max-width: 1300px; padding-bottom: 0 !important; padding-left: 0; padding-right: 0; } /* ------------------------------------------------------- Contact -------------------------------------------------------- */ .contact { position: relative; background-color: #fafafa; } .contact .contact-info { position: relative; } .contact .contact-info .info-item { position: relative; height: 100%; border-right: 1px solid #eee; } .contact .contact-info .info-item .icon { position: relative; margin-bottom: 15px; } .contact .contact-info .info-item .icon span { font-size: 35px; } .contact .contact-info .info-item-last { border: none; } .contact .contact-form { background-color: #fafafa; padding-bottom: 0 !important; } .contact .contact-form .form-group { margin-bottom: 30px; } .contact .contact-form .help-block li { color: red; font-size: 12px; } .contact .contact-form label { display: block; margin-bottom: 10px; color: #000; font-style: 18px; font-weight: 600; } .contact .contact-form input, .contact .contact-form textarea { background: transparent; padding: 10px 15px; border-radius: 0; width: 100%; border: transparent; border: 1px solid rgba(156, 156, 156, 0.17); margin-bottom: 15px; font-size: 12px; font-weight: 600; } .contact .contact-form textarea { width: 100%; min-height: 120px; max-height: 120px; } .contact .contact-form button { text-transform: uppercase; font-weight: 600; background-color: #fd4145; color: #fff; border: none; padding: 15px 30px; letter-spacing: 3px; cursor: pointer; -webkit-transition: -webkit-box-shadow 0.15s linear; transition: -webkit-box-shadow 0.15s linear; transition: box-shadow 0.15s linear; transition: box-shadow 0.15s linear, -webkit-box-shadow 0.15s linear; } .contact .contact-form button:hover, .contact .contact-form button:focus { webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); } #content_full .not-found p.init { text-align: center; display: block; width: 100%; font-weight: 600; font-size: 20px; } #content_full .not-found .search-form { display: block; width: 100%; text-align: center; position: relative; margin-bottom: 15px; } #content_full .not-found .search-form input[type="search"] { color: #333; height: 40px; line-height: 40px; padding: 5px 10px; } #content_full .not-found .search-form input[type="submit"] { background: #fd4145; color: #fff; border: 0px; height: 39px; font-size: 14px; padding: 0px 15px; } #content_full .not-found .max_widths { width: 100%; max-width: 900px; margin: 0px auto; padding-bottom: 80px; } #content_full .not-found .max_widths .not-fount-widgets ul li { line-height: 1.9em; } .header-controller .icon, #topSidebar .icon { display: none; } #topSidebar .sidebar button.icon { margin-top: 22px; position: absolute; margin-left: 10px; } #topSidebar .sidebar button.icon span { background: #000; } #topSidebar .sidebar .navbar-brand {display: none;} #topSidebar .sidebar .navbar-brand img { width: 100%; max-width: 140px; display: block; margin: 0px auto; } /*============== Contact form 7 ===============*/ .wpcf7 {} .wpcf7 label { font-weight: 300; font-size: 15px; } .wpcf7 input { display: block; width: 100%; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; box-shadow: none; border-radius: 2px; padding: 12px 15px; height: 40px; font-size: 14px; } .wpcf7 textarea{ display: block; width: 100%; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; box-shadow: none; border-radius: 2px; padding: 12px 7px; font-size: 14px; max-height: 150px; } .wpcf7 [type="submit"]{ text-transform: uppercase; font-size: 12px; letter-spacing: 1px; border-radius: 2px; font-weight: 600; padding: .6rem .8rem; color: #fff; background-color: #343a40; text-align: center; white-space: nowrap; vertical-align: middle; display: inline-block; user-select: none; border: 1px solid transparent; line-height: 1.25; transition: all .15s ease-in-out; -webkit-appearance: button; max-width: 100px; } .wpcf7 [type="submit"]:hover, .wpcf7 [type="submit"]:focus { cursor: pointer; } /* ------------------------------------------------------- Widgets -------------------------------------------------------- */ .widget_recent_entries_custom ul li { border-bottom: 1px solid rgba(238, 238, 238, .7); margin-bottom: 15px; padding-bottom: 15px; } .widget_recent_entries_custom .wi { float: left; width: 64px; } .widget_recent_entries_custom ul li img { height: 44px; } .widget_recent_entries_custom .wb { padding-top: 2px; margin-left: 84px; } .widget_recent_entries_custom .wb a { color: #303133; } .widget_recent_entries_custom .wb .post-date { display: block; opacity: .7; } .widget_recent_entries_custom .wb .post-date { color: #777; font-weight: 300; font-size: 14px; line-height: 1.5em; } .widget_recent_entries_custom ul li:last-child { border-bottom: 0px solid rgba(238, 238, 238, .7); } .about-widget { text-align: center; } .about-widget img { margin-bottom: 20px; max-width: 100%; width: 150px; height: auto; } .about-widget p { line-height: 24px; } .btn-read-more { color: #333; font-weight: 500; display: inline-block; text-decoration: underline !important; } .widget_recent_entries .post-date { display: block; opacity: .7; } .widget_recent_entries .post-date { color: #777; font-weight: 300; font-size: 14px; line-height: 1.5em; } .widget_categories ul li { margin: 5px 0px; } .widget_meta ul li { padding-bottom: 0px; } .widget_tag_cloud .tagcloud a { font-size: 12px !important; font-weight: 300; background-color: #f5f5f5; padding: 7px 8px 5px 10px; margin: 4px 1px; color: #303133; } .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:focus { background-color: #fd4145; color: #fff; } /* ------------------------------------------------------- Responsive -------------------------------------------------------- */ @media all and (min-width: 991px) { .socials-wrap:hover .socials-text { -webkit-transform: translate(36px, -34px); transform: translate(36px, -34px); } .socials-wrap:hover .socials-icon { -webkit-transform: translate(-8px, -34px); transform: translate(-8px, -34px); opacity: 0; } .socials-wrap:hover .socials { opacity: 1; } } @media all and (max-width: 991px) { #topSidebar { display: block; } .header-controller .icon, #topSidebar .icon { display: inline-block; } .sm-mb-30 { margin-bottom: 30px; } .sm-mb-50 { margin-bottom: 50px; } #content_full #sidebar .sidbar_w { background-color: #fff; } #content_full #sidebar .sidbar_w .widget_area .widget_title { color: #000; } #content_full #sidebar .sidbar_w .widget_area .about p { color: #666; } #content_full #sidebar .sidbar_w .post_info p { color: #666; } #content_full #sidebar .sidbar_w .post_info h5 { color: #151515; } #content_full #sidebar .sidbar_w .scoial-icon a { color: #000; } #content_full #sidebar .sidbar_w .widget_newslleter form input { background-color: #0f0f0f; color: #fff; } #content_full #sidebar .widget_area { background: #fafafa; padding: 30px; } .related_posts { padding-bottom: 50px !important; } .main_p .related_posts .related_posts_item, .main_p .comment_sec .comment-respond .comment-form .form-submit input { margin-bottom: 50px; } #content_full #sidebar .sidbar_w { padding: 0; } .contact .contact-info .info-item { height: auto; padding-bottom: 30px; border-bottom: 1px solid #eee; border-right: 0; } .main_p .entry_header_small .post_bottom_meta .post_meta li:last-child span { display: none; } } @media all and (max-width: 767px) { .search_trigger .nav-search { display: none; } .xs-mb-30 { margin-bottom: 30px; } .xs-mb-50 { margin-bottom: 50px; } .site_header_image { padding: 150px 0; } .main_p .entry_header_small .post_media { margin-bottom: 30px !important; } .main_p .entry_header_small .block_gallery { margin-top: 0 !important; } .main_p .entry_header_small .block_gallery .blocks_gallery_item { padding-right: 10px; } .section-padding { padding-top: 40px !important; padding-bottom: 40px !important; } .related_posts { padding-bottom: 40px !important; } .main_p_v_2 { padding-bottom: 0 !important; } .site_header_image h1, .main_p .entry_header_small .entry_header .entry_title { font-size: 35px; } .main_p .post_navigation_area .post-navigation .nav-links .post-title { display: none; } .main_p .entry_header_small .post_bottom_meta .half_width { width: 48%; } .mejs-container { width: 100% !important; } .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials-icon, .main_p .entry_header_small .post_bottom_meta .socials-wrap .socials-text { display: inline-block; margin-left: 10px; } .main_p .post_navigation_area { margin-top: 80px; } .main_p .entry_header_small .tagcloud span.namee {} .main_p .entry_header_small .tagcloud span {} .namee {} #topSidebar .sidebar { width: 80%; right: -80%; } .site_header .entry_header p { font-size: 24px; } #content_full .latest-posts .post .post_body { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; margin-top: 0; } #content_full .latest-posts .post .post_body h3 { font-size: 20px; } #content_full .latest-posts .post .post_body .post_bottom_meta .half_width { width: 55%; } #content_full .latest-posts .post .post_body .post_bottom_meta .half_width .post_more { width: 50%; } #content_full .ogato-pagination { margin-bottom: 50px; } #content_full .latest-posts .post_format_quote p { font-size: 18px; } #content_full #sidebar .widget_area { padding: 30px 15px; } #content_full .latest-posts .post_format_quote, #content_full .latest-posts .subscr { padding: 40px; } #content_full .latest-posts .subscr .part-title { margin-bottom: 30px; } #content_full .latest-posts .post_format_quote blockquote:before { width: 20px; height: 20px; left: -30px; top: -30px; } #content_full .latest-posts .post_format_quote blockquote:after { width: 20px; height: 20px; right: -30px; bottom: -30px; } .footer #footer_instagram .instagram_pics li:nth-last-of-type(odd) { display: inline-block; } .footer #footer_instagram .instagram_pics li { width: calc(100% /3); } .footer .footer_bottom .newsletter h4 { font-size: 16px; line-height: 1.6; } .r-s-slider-content { width: 60vw !important; height: 80vh !important; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .commenter { height: auto !important; } #content_full .category-content .header-description .text h1 { text-align: center; margin-top: 15px; margin-bottom: 15px; } #content_full .category-content .header-description .text .btExcerpt { text-align: center; } .main_p .comment_sec .comment-respond .comment-form .form-submit input { margin-bottom: 50px; } .main_p .comment_sec .comment-respond .comment-form .form-submit { padding-left: 15px; } } @media all and (max-width: 550px) { .site_header .entry_header p { font-size: 18px; } #rStories .r-s-title-left { display: none; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .commenter img { width: 40px; height: 40px; } .main_p .comment_sec .blog_comments-rep { margin-left: 30px; } .main_p .comment_sec .blog_comments .blog_comment_user .commenter_div .comment_block .comntr_time { font-size: 12px; } #content_full .latest-posts .subscr .part-title h4 { font-size: 20px; font-weight: 600; } .r-s-slider-content { width: 90vw !important; height: 75vh !important; } #rStories .r-s-content { text-align: center; } #rStories .r-s-content .story-item { display: none; } #rStories .r-s-content .story-item:nth-child(1), #rStories .r-s-content .story-item:nth-child(2), #rStories .r-s-content .story-item:nth-child(3) { display: inline-block; margin-right: 5px; margin-left: 5px; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap { text-align: right; margin: auto; } #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials-icon, #content_full .latest-posts .post .post_body .post_bottom_meta .socials-wrap .socials-text { float: none; display: inline-block; margin-left: 10px; } #content_full .latest-posts .post .post_body .post_meta .post_meta_item { display: block; } #content_full .latest-posts .post .post_body .post_meta .post_author span.post_author_img { height: 25px; } #content_full .latest-posts .post .post_body .post_meta .post_author span.post_author_info { margin-top: 5px; } #content_full .latest-posts .post .post_body .post_meta .post_cat { margin-left: 50px; } #content_full .latest-posts .post .post_banner_gallery { padding-right: 0; } #content_full .latest-posts .post .post_banner_gallery .gallery_image_2 { display: none; } .footer #footer_instagram .widget_title { padding: 10px 15px; font-size: 16px; text-align: center; } #content_full .latest-posts .post .post_body .post_bottom_meta .half_width { width: 49%; } #content_full .latest-posts .post .post_body .post_bottom_meta .half_width .meta_comment { width: 100%; } #content_full .latest-posts .post .post_body .post_bottom_meta .half_width:nth-last-of-type(1) { width: 49%; } #content_full .latest-posts .post .post_body .post_bottom_meta .half_width .post_more { display: none; } .main_p .entry_header_small .post_bottom_meta .post_meta { display: block; } .main_p .entry_header_small .post_bottom_meta .post_meta li .date { display: none; } .main_p .post_navigation_area .post-navigation .nav-links { padding: 10px 0; } .main_p .post_navigation_area .post-navigation .nav-links .meta-nav { margin-bottom: 0; } .footer .footer_bottom .box_scoial_icon .scoial-icon a { margin-right: 20px; } .footer .footer_bottom .newsletter div form .btn { width: 35%; } }