/* GLOBAL */ body{ color: #0d130f !important; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 500; } .main-content a{ color: #f61638; text-decoration: none; } .main-content a:hover{ color: #0d130f; } .section{ margin-top: 30px; margin-bottom: 30px; overflow: hidden; } .btn-default{ background-color: #f61638; color:#fff; font-size: 16px; } .btn-default:hover{ background-color: #0d130f; color: #fff; } .btn-default:focus, .btn-default.focus{ background-color: #f61638 !important; color: #fff !important; } .no-lr-padding{ padding-left: 0; padding-right: 0; } h1, .h1, h2, .h2, h3, .h3{ margin-bottom: 20px; } /* BORDER */ .aisha-border{ border: 1px solid rgba( 246, 22, 56, 0.5 ); } /* SEARCH FORM */ .search-form .form-group{ position: relative; } .search-form .form-control{ color:#0d130f; font-size: 18px; height: 40px; } .form-control:focus{ box-shadow: none; border-color: #f61638; } .search-btn{ position: absolute; border:none; top: 0; right: 0; height: 40px; border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .search-btn .fa{ color:#fff; } .mobile-search-form{ position: absolute; display: none; display: none; top: 5px; right: 50px; } .mobile-search-icon{ cursor: pointer; } /* HEADER */ .logo{ max-width: 300px; } .text-logo{ font-size: 72px; color: #f61638 !important; text-decoration: none !important; font-family: 'Courgette', cursive; } .navbar-default{ border-radius: 0; } .navbar-nav{ margin: 0; } .navbar-collapse{ padding: 5px !important; } .navbar-nav a{ font-size: 18px; color: #0d130f !important; padding-top: 18px !important; } .navbar-nav a:hover{ color: #f61638 !important; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background-color: transparent; color: #f61638 !important; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background-color: transparent; } .dropdown-menu, .navbar-toggle{ border-color: #f61638 !important; } .navbar-toggle{ float: none; margin-left: 5px; } .navbar-default .navbar-toggle .icon-bar{ background-color: #f61638; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color: transparent; } .mobile-search-icon{ position: absolute; right: 5px; top:10px; color: #f61638 !important; } /* HP BANNER */ .hp-banner-bg{ background-size: cover; height: 500px; background-position: center; } /* MAIN CONTENT */ /* PAGE HEADER */ .page-header{ background-color: #f61638; border:none; padding: 15px; margin: 0; color: #fff; } .header-img{ height: 500px; margin: auto; display: block; } /* Posts List */ .posts-list{ overflow: hidden; } .post-meta{ padding: 0; margin-top: 20px; margin-bottom: 20px; } .posts-list .post-meta{ padding: 0 15px; } .post-image:hover{ opacity: 0.5; } .post-meta li{ display: inline; margin-right: 5px; width: 33.3; } .post-meta .fa{ color: #0d130f; } /* SINGLE POST AND PAGE */ .aisha-single-post, .aisha-single-page{ padding: 15px; } .single-post-content, .single-page-content{ line-height: 32px; max-width: 100%; } .single-post-content img, .single-page-content img{ max-width: 100%; margin-top: 20px; margin-bottom: 20px; height: auto; } /* SIDEBAR */ .sidebar-widget{ margin-bottom: 50px; line-height: 32px; } .sidebar img{ max-width: 100%; } .sidebar .search-form{ margin-top: 20px; } .sidebar select{ margin-left: 5px !important; border-color: #f61638; } .sidebar-widget img, .sidebar-widget p{ margin-top: 20px; margin-bottom: 20px; } .sidebar-widget ul{ list-style-type: none; padding: 0; } .sidebar-widget li{ margin: 10px 0; border-bottom: 1px solid rgba( 246, 22, 56, 0.2 ); } .sidebar-widget li:last-child{ border-bottom: none; } .sidebar-widget li a{ font-size: 18px; color: #f61638; line-height: 40px; } .sidebar-widget li a:hover{ text-decoration: none; color: #0d130f; } /* FOOTER Widgets */ footer{ clear: both; } .footer-widget ul{ list-style-type: none; padding: 0; } .footer-widget li{ margin: 10px 0; border-bottom: 1px solid rgba( 239, 149, 0, 0.2 ); } .footer-widget li:last-child{ border-bottom: none; } .footer-widget li a{ font-size: 18px; color: #f61638; line-height: 40px; } .footer-widget li a:hover{ text-decoration: none; color: #0d130f; } .footer-bottom{ background-color: #f61638; color: #fff; } .footer-bottom .col-sm-6{ padding-top: 10px; } .copyrights{ line-height: 22px; } /* SOCIAL ICONS */ .social-icons{ list-style-type: none; padding: 0; float: right; } .social-icons li{ display: inline; margin-left: 10px; } .social-icons li a{ text-align: right; font-size: 20px; } .social-icons li a .fa{ color: #fff; } /* MEDIA */ @media(min-width: 992px){ .post-main{ display: flex; justify-content: center; align-items: center; } } @media(max-width: 767px){ .social-icons{ float: none; } } .hr{ height: 1px; width: 100%; clear: both; background-color: #0d130f; margin-top: 20px; margin-bottom: 30px; display: inline-block; opacity: 0.3; } /* WordPress */ .tagcloud{ margin-top: 20px; margin-bottom: 20px; } .tagcloud a{ background-color: #0d130f; margin: 5px; color:#fff; text-decoration: none; padding: 5px; } /* Comments CSS */ .comments-area .form-control{ color: #0d130f; font-size: 18px; } .comments-title{ font-size: 26px; } .comment-list, .comment-list .children{ margin-top: 30px; margin-bottom: 30px; } .comment-author.vcard, .comment-metadata{ margin-top: 10px; margin-bottom: 10px; } .comment-content{ margin-top: 10px; margin-bottom: 10px; padding: 5px; font-size: 20px; background-color: #f61638; color: #fff; } .comment-content a{ color: #0d130f !important; } .comment-content p{ margin: 0; } a.goto-comments, a.goto-comments:hover{ color: #fff !important; margin-top: 10px; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .sticky{ background-color: #f0f0f0; padding: 15px; } .bypostauthor .comment-content{ background-color: #0d130f; } li.comment{ margin-top: 30px; margin-bottom: 30px; } .gallery-caption { display: block; } .page-links a{ margin: 0 10px; }