/* Theme Name: Bloom Feminine Theme URI: https://gumthemes.com/wp/bloom/ Author: Gumtheme Author URI: https://gumthemes.com/ Description: Bloom Feminine is a modern responsive WordPress theme that lets you write articles and blog posts with ease. The Bloom Feminin theme is excellent for a blog, news, newspaper, magazine, publishing or other editorial websites. Bloom Feminine is a easily customizable using WordPress theme customizer. Demo - https://gumthemes.com/demo/?theme=bloom&ver=free Version: 1.0.1 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.en.html Text Domain: bloom-feminine Domain Path: /languages/ Tags: two-columns, right-sidebar, custom-header, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options, blog, news, grid-layout This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Bloom is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ @charset "UTF-8"; /* ========================================================================== GLOBAL RESET ========================================================================== */ /* Generic element resets */ html, body, div, span, applet, object, iframe { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus{ outline: 1px solid #1584ff!important; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- breadcrumb --------------------------------------------------------------*/ .gum-breadcrumb { background: #f5f5f5; padding: 10px 10px; margin-bottom: 20px; } .gum-breadcrumb ul { padding: 0 0 0 10px; margin: 0; } .gum-breadcrumb ul li { color: #444; display: inline-block; margin-right: 5px; font-size: 12px; } .gum-breadcrumb ul li a { color: #444; text-decoration: none; font-size: 12px; } .gum-breadcrumb ul li:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; content: "\f105"; margin-left: 5px; } .gum-breadcrumb ul li.last:after { display: none; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: #383838; background-color: #efefef; border-color: #dadada; cursor: default; border-radius: 0 !important; border: 1px solid; } /* ========================================================================== HEADER STYLES ========================================================================== */ header { zoom: 1; margin-bottom: 0; } header:before, header:after { content: "\0020"; display: block; height: 0; overflow: hidden; } header:after { clear: both; } .top-bar { background: #ff9ca9; min-height: 33px; color: white; } .top-bar .top-menu-wrapper { padding-left: 0 !important; } .top-bar .top-menu-wrapper .gum_search_icon { position: absolute; left: auto; right: 20%; top: 2px; color: #ffffff; font-size: 20px; cursor: pointer; } .top-bar .top-menu-wrapper .gum_search_wrapper .search_container { margin-left: -15px; } .top-bar .topdate { margin-right: 10px; font-size: 14px; } .top-bar .sf-menu { padding-top: 7px; margin: 0; padding: 0; float: none; width: 100%; display: block; text-align: left; list-style-type: none; } .top-bar .sf-menu li { display: inline-block; float: none; border: 0px solid transparent; } .top-bar .sf-menu a { padding: 0px 13px 0px 6px; display: block; border: 0px solid transparent; font-weight: bold; } .top-bar .sf-menu>li:hover>a { color: #ffffff; } .top-bar .sf-menu .menu-item-has-children { padding-right: 8px; } .top-bar .sf-menu .sf-arrows .sf-with-ul { padding-right: 3px; } /* .top-bar .sf-menu.sf-arrows .sf-with-ul:after { font-family: 'fontawesome'; position: absolute; top: 5px; right: 0; margin-top: -1px; border: none; font-weight: normal; font-size: 11px; color:#F0F0F0; content: "\f107"; } */ .top-bar .sf-menu ul.gum_mega_sub_cat { display: block; } .top-bar .sf-menu ul { background: none; display: inline-flex; } .top-bar .sf-menu ul li { display: block; } .top-bar .sf-menu ul li:hover a { color: #ffffff; } .top-bar .sf-menu ul li a { color: #CECEDE; padding: 4px; } .top-bar .sf-menu, .top-bar .sf-menu * { margin: 0; padding: 0; list-style: none; } .top-bar .sf-menu li.menu-item { position: relative; } .top-bar .sf-menu ul.sub-menu { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .top-bar .sf-menu>li.menu-item { float: left; } .top-bar .sf-menu li.menu-item:hover>ul, .top-bar .sf-menu li.menu-item.sfHover>ul { display: block; } .top-bar .sf-menu a { display: block; position: relative; } .top-bar .sf-menu ul.sub-menu ul { top: 0; left: 100%; } .top-bar .top-social { padding: 0; } .top-bar .top-social ul { list-style-type: none; margin: 0; padding: 0; float: right; color: #CECEDE; } .top-bar .top-social ul li { display: inline-block; } .top-bar .top-social ul li a { font-size: 15px; color: #CECEDE; display: inline-block; } .top-bar .top-social ul li a:hover { text-decoration: none; color: #FFFFFF; } .gum-banner { text-align: center; } .gum-banner a img { max-width: 100%; } /* ========================================================================== CSS3 Loader Spinner ========================================================================== */ .gum_mega_ajax_loader { padding-right: 5px; color: #0A0A0A; position: absolute; top: 0%; left: 50%; font-size: 30px; } .spinner { margin: 0px auto 0; width: 70px; text-align: center; } .spinner>div { width: 18px; height: 18px; background-color: #ff9ca9; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* ========================================================================== MAIN NAVIGATION STYLES ========================================================================== */ .main-menu-wrapper { padding-left: 0; padding: 0px; border: none; position: relative; word-break: break-word; white-space: normal; } .main-menu-wrapper .main-menu-content { float: none; } .main-menu-wrapper .main-navigation { z-index: 9999; -webkit-backface-visibility: hidden; padding-left: 0; padding-right: 20px; } .main-menu-wrapper .sf-menu { margin: 0; padding: 0; float: none; width: 100%; display: block; text-align: left; } .main-menu-wrapper .sf-menu li.menu-item { background: transparent; display: inline-block; float: none; border: 0px solid transparent; position: relative; padding: 10px 3px; color: black !important; font-weight: bold; } .main-menu-wrapper .sf-menu li.menu-item a { border: none; letter-spacing: 0.08em; } .main-menu-wrapper .sf-menu li.menu-item a:hover { color: white; } .main-menu-wrapper .sf-menu li.menu-item h3 a:hover { color: #ff9ca9; } .main-menu-wrapper .sf-menu li.menu-item-has-children ul li a { color: black; padding: 15px; } .main-menu-wrapper .sf-menu li.menu-item-has-children ul li:hover a { background: #ff9ca9; color: white; font-weight: bold; /* only transition out, not in */ transition: none; } .main-menu-wrapper .sf-menu li.menu-item-has-children ul li:hover a { color: white; } .main-menu-wrapper .sf-menu>li.menu-item>a { color: #ffffff; padding: 5px 5px 5px 5px; display: inline; border-left: none; border-top: none; text-decoration: none; zoom: 1; } .main-menu-wrapper .sf-menu li.menu-item-has-children { padding-right: 10px; } .main-menu-wrapper .sf-menu li.menu-item-has-children>a:after { position: absolute; right: 2px; top: 11px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); transform: translate(0, 0); content: "\f107"; } .main-menu-wrapper .sf-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children>a:after { position: absolute; right: 20px; top: 22px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); transform: translate(0, 0); content: "\f107"; } .main-menu-wrapper .sf-menu li.menu-item:hover { background-color: black; } .main-menu-wrapper .sf-menu li.menu-item-has-children li { display: block; padding: 0; background: white; } .main-menu-wrapper .sf-menu .sf-with-ul { padding-right: 3px; } .main-menu-wrapper .sf-menu>ul { top: 54px; } .main-menu-wrapper .sf-menu .gum_with_mega>span { padding-left: 3px; font-size: 14px; } .main-menu-wrapper .sf-menu ul.gum_auto { margin: 0; padding: 0; display: inline-block; min-width: 250px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); margin: 0; padding: 0; border-top: none; background: #fff; top: 44px; width: auto; left: auto; min-height: auto; } .main-menu-wrapper .sf-menu ul.gum_auto li { display: block; } .main-menu-wrapper .sf-menu ul.gum_auto li:hover { background-color: #dcdcdc; } .main-menu-wrapper .sf-menu ul.gum_auto ul.gum_auto { top: 0px; position: absolute; right: -100%; } .main-menu-wrapper .sf-menu ul.gum_auto .sf-with-ul:after { color: #444; content: "\f105"; font-family: 'fontawesome'; } .main-menu-wrapper .sf-menu ul.gum_auto li.menu-item:hover .sf-with-ul:after { color: #444; content: "\f105"; } .main-menu-wrapper .sf-menu li.gum-mega-menu { position: static !important; } .main-menu-wrapper .sf-menu>li.current-menu-parent>a, .main-menu-wrapper .sf-menu>li.current-menu-parent>a:after, .main-menu-wrapper .sf-menu>li.current-menu-item>a, .main-menu-wrapper .sf-menu>li.current-menu-item>a:after { color: #ffffff; } .main-menu-wrapper .sf-menu>li.current-menu-item, .main-menu-wrapper .sf-menu>li.current-menu-parent { background-color: #ff9ca9; } .main-menu-wrapper .sf-menu>li.current-menu-item:hover a, .main-menu-wrapper .sf-menu>li.current-menu-parent:hover a { color: white; } .main-menu-wrapper .sf-menu .gum_mega { background-color: #fff; padding: 20px 0px; box-sizing: border-box; width: 100%; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5); z-index: 101; color: #444; min-height: 200px; position: absolute; left: -15px; top: 34px; /** Style 1 **/ } .main-menu-wrapper .sf-menu .gum_mega a { display: inline-block; width: 100%; } .main-menu-wrapper .sf-menu .gum_mega li.menu-item { display: inline-block; width: 100%; } .main-menu-wrapper .sf-menu .gum_mega li.menu-item a { display: inline-block; width: 100%; padding: 5px; } .main-menu-wrapper .sf-menu .gum_mega>li.menu-item:hover { background: #efefef; } .main-menu-wrapper .sf-menu .gum_mega>li.menu-item:hover>a { border: none; } .main-menu-wrapper .sf-menu .gum_mega>li.menu-item:hover img { width: 100%; } .main-menu-wrapper .sf-menu .gum_mega>li.menu-item:hover p { font-size: 13px; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_cat_list_bg { background-color: #efefef; width: 183px; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_cat_list { padding: 0; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_cat_list ul { margin: 0; padding: 0; width: 100%; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_cat_posts_wrapper { min-height: 280px; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_cat_posts_wrapper .gum-post-cat li { margin-right: 5px; } .main-menu-wrapper .sf-menu .gum_mega ul li .gum_mega_cat_list { padding: 0; min-height: 200px; } .main-menu-wrapper .sf-menu .gum_mega ul li .gum_mega_sub_cat { list-style: none; margin: 0; padding: 0; position: static; left: auto; right: auto; display: block; box-shadow: none; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_sub_cat li { display: block; padding: 0; border: 0; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_sub_cat li:hover { background-color: #fff; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_sub_cat li a { font-size: 13px; width: 100%; display: block; position: relative; border: 0; padding: 10px 10px; transition: all .2s ease-in-out; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_sub_cat li a:hover { color: #444; background-color: #fff; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_sub_cat li a.gum_mega_active { color: #444; background-color: #fff; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_sub_cat li a.gum_mega_active:after { content: '\f105'; font-family: 'fontawesome'; position: absolute; top: 24%; right: 10px; font-size: 18px; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_menu_post_item_wrapper { padding: 5px; word-break: break-word; white-space: normal; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_menu_post_item_wrapper a { text-transform: initial; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_cat_posts_2 { padding-right: 10px; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-block-wrapper { padding-right: 5px; padding-left: 5px; height: 280px; overflow: hidden; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-block-wrapper .gum-menu-block .gum-post-cat li { padding: 0 2px; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-block-wrapper .gum-menu-block .gum-post-cat li a { color: #ffffff; border-radius: 2px; font-size: 14px; letter-spacing: .8px; text-transform: inherit; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-block-wrapper .gum-menu-block .gum-post-cat li a:visited { color: #ffffff; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-block-wrapper .gum-menu-block .gum-post-cat li:hover { background-color: black !important; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-block-wrapper .gum-menu-block .gum-post-cat li:hover a { color: white !important; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-block-wrapper .gum-menu-block .gum-block-data { margin-top: 8px; text-align: center; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-block-wrapper .gum-menu-block .gum-block-data .gum-block-post-title { line-height: 20px; margin-bottom: 0px; padding-bottom: 0px; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-block-wrapper .gum-menu-block .gum-block-data .gum-block-post-title a { text-transform: none; color: black; } .main-menu-wrapper .sf-menu .gum_mega .gum-posts-has-review .gum-menu-block-wrapper { height: 300px; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_menu_post_item { display: block; color: #fff; width: 100%; height: 150px; margin-bottom: 10px; word-break: break-word; white-space: normal; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; transition: all .3s ease-in-out; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_menu_post_item:hover { -webkit-transform: scale(1.05, 1.05); transform: scale(1.01, 1.01); } .main-menu-wrapper .sf-menu .gum_mega .main-menu-wrapper .gum_mega .gum_mega_menu_post_item span { position: absolute; bottom: 0px; padding: 5px; display: inline-block; box-shadow: rgba(0, 0, 0, 0.8) 0 -70px 90px -60px inset; font-size: 16px; } .main-menu-wrapper .sf-menu .gum_mega .ajax_control { display: block; position: absolute; right: 5px; top: 5px; z-index: 101; overflow: hidden; } .main-menu-wrapper .sf-menu .gum_mega .ajax_control a { display: inline-block; padding: 0px 3px; margin-left: 1px; color: #333; font-size: 12px; background: #FFFFFF; border: 1px solid #efefef; } .main-menu-wrapper .sf-menu .gum_mega .ajax_control a.prev { margin-left: 0px; } .main-menu-wrapper .sf-menu .gum_mega .ajax_control a:hover { color: #999; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_menu_post_item_style_3 { margin-bottom: 5px 0; } .main-menu-wrapper .sf-menu .gum_mega .gum_mega_menu_post_item_style_3_wrapper { border-bottom: 1px dotted #7B7A7A; padding: 5px 0; } .main-menu-wrapper .sf-menu .gum_mega .nav_post_items .gum_post_block_meta ul li { color: #444; } .main-menu-wrapper .sf-menu .gum_mega .nav_post_items .gum_post_block_meta ul li:hover { background: transparent; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-pagi-wrapper { min-height: 30px; width: 100%; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-pagi-wrapper .gum_megamenu_pagination { padding-right: 0px; margin: 0; min-width: 84px; position: absolute; top: auto; right: 10px; bottom: 15px; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-pagi-wrapper .gum_megamenu_pagination .gum-megamenu-pagination-a { padding: 0; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-pagi-wrapper .gum_megamenu_pagination li { display: inline-block; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-pagi-wrapper .gum_megamenu_pagination li a { width: auto; border: 1px solid black; border-radius: 0; padding: 3px 10px; font-size: 16px; line-height: 16px; margin-left: 2px; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-pagi-wrapper .gum_megamenu_pagination li a i { font-size: 20px; color: black; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-pagi-wrapper .gum_megamenu_pagination li:hover a { color: white; background-color: #ff9ca9; border-color: black; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-pagi-wrapper .gum_megamenu_pagination li.disabled a { border: 1px solid #efefef; } .main-menu-wrapper .sf-menu .gum_mega .gum-menu-pagi-wrapper .gum_megamenu_pagination li.disabled:hover { border-color: #efefef; } /*** Style 3 **/ .gum_mega_cat_posts_style_3 { padding-left: 30px; padding-right: 30px; } .gum_mega_cat_posts_style_3 .gum_mega_f_image { padding: 0; } .gum_mega_cat_posts_style_3 .gum_mega_f_image a { padding: 0; } .gum_mega_cat_posts_style_3 .gum_mega_text { padding: 0; } /** * Sticky navigation */ .sticky-nav-logo { display: none; min-width: 150px; float: left; } .gum-navfixed { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .gum-navfixed .main-menu-wrapper { margin-top: 0; } .gum-navfixed .main-menu-wrapper .main-menu-content { float: left; } .gum-navfixed .main-menu-wrapper .sticky-nav-logo { display: block; } .gum-navfixed .main-menu-wrapper .sticky-nav-logo a { padding-left: 10px; } .gum-responsive-header { width: 100%; height: 50px; border-bottom: 1px solid #d8d8d8; z-index: 2000; position: relative; font-size: 20px; text-align: center; } .gum-responsive-header .gum-res-menu-trigger-wrapper { border-right: 1px solid #d8d8d8; width: 55px; height: 50px; text-align: center; vertical-align: middle; display: flex; align-items: center; justify-content: center; } .gum-responsive-header .gum-res-menu-trigger-wrapper .gum-res-menu-trigger { font-size: 32px; display: inline-block; z-index: 20001; transition: all 0.3s; } .gum-responsive-header .gum-res-menu-trigger-wrapper .gum-res-menu-trigger i { transition: all 0.1s; } .gum-responsive-header .gum-res-search-trigger-wrapper { display: flex; justify-content: center; align-items: center; border-left: 1px solid #d8d8d8; width: 55px; height: 50px; text-align: center; vertical-align: middle; } .gum-responsive-header .gum-res-search-trigger-wrapper .gum-res-search-trigger { font-size: 32px; display: inline-block; z-index: 20001; transition: all 0.3s; } .gum-responsive-header .gum-res-search-trigger-wrapper .gum-res-search-trigger i { transition: all 0.1s; } .gum-responsive-header .gum-res-logo { text-align: center; display: inline-block; } .gum-responsive-header .gum-res-logo a { font-size: 30px; } .gum-responsive-header .menu-mobile-menu-container { border-top: 1px solid #efefef; padding-top: 10px; margin-top: 30px; overflow-y: scroll; padding-bottom: 20px; } .gum-responsive-header .menu-mobile-menu-container ul { list-style: none; padding: 0; margin: 0; } .gum-responsive-header .menu-mobile-menu-container ul li { display: block; border-bottom: 1px solid #efefef; text-align: left; position: relative; padding-left: 5px; } .gum-responsive-header .menu-mobile-menu-container ul li a { display: block; padding: 10px 0 10px 10px; font-size: 20px; } .gum-responsive-header .menu-mobile-menu-container ul li .sub-menu { display: none; } .gum-responsive-header .menu-mobile-menu-container ul li .sub-menu li { border-bottom: 1px solid #efefef; } .gum-responsive-header .menu-mobile-menu-container ul li .sub-menu li:last-child { border-bottom: none; } .gum-responsive-header .menu-mobile-menu-container ul li.menu-item-has-children .gum-mm-switch { position: absolute; right: 20px; top: 8px; border: 1px solid #efefef; padding: 3px 5px; } .gum-responsive-header .menu-mobile-menu-container ul li.menu-item-has-children>a { display: block; } .gum-responsive-header .menu-mobile-menu-container ul li.gum-nav-open>a { color: #ff9ca9; } .gum-responsive-header .gum_res_search_wrapper { display: block; overflow-y: scroll; } .gum-responsive-header .gum_res_search_wrapper .menu-mobile-search-container { border-top: 1px solid #efefef; padding-top: 10px; } .gum-responsive-header .gum_res_search_wrapper .menu-mobile-search-container .res_ajax_search { background: #fff; border: 0; color: #333 !important; text-align: center; letter-spacing: 0.020em; outline-color: transparent; height: 100%; width: 100%; padding: 11px 10px; } .gum-responsive-header .gum_res_search_wrapper .menu-mobile-search-container .search_results { padding-top: 30px; padding-bottom: 20px; } .gum-responsive-header .gum_res_search_wrapper .search_container { background: #fff; color: #333; width: 100%; position: absolute; padding-bottom: 20px; left: 0; z-index: 999; } .gum-responsive-header .gum_res_search_wrapper .search_container .gum-block-post-title { text-align: left; } #gum-responsive-sidebar-menu { background-color: #ffffff; height: 100%; margin-left: -100%; overflow-y: auto; padding: 17px 0px; position: fixed; top: 0; left: 0px; text-align: center; transition: all cubic-bezier(0.2, 0, 0, 1) 0.7s; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; z-index: 99999; color: #000000; } #gum-responsive-sidebar-menu.active { margin-left: 0px; -webkit-transform: translateX(0); transform: translateX(0); } #gum-responsive-sidebar-search { background-color: #ffffff; transition: .4s; -webkit-transform: translateX(100%); transform: translateX(100%); height: 100%; left: 0; padding: 48px 20px; position: fixed; right: 0; top: 0; will-change: transform; z-index: 99999; } #gum-responsive-sidebar-search.active { -webkit-transform: translateX(0); transform: translateX(0); } #gum-responsive-sidebar-menu.active #menu-close { margin-left: 0px; } #gum-responsive-sidebar-menu #menu-logo img { max-height: 80px; } body.mobile-nav { overflow: hidden; } body.mobile-nav .gum-responsive-header .gum-res-menu-trigger { left: 12px; top: 0px; position: fixed; } body.mobile-nav .gum-responsive-header .gum-res-search-trigger { right: 12px; top: 0px; position: fixed; } body.admin-bar.mobile-nav .gum-responsive-header .gum-res-menu-trigger { top: 42px; } body.admin-bar.mobile-nav .gum-responsive-header .gum-res-search-trigger { top: 42px; } body.admin-bar.mobile-nav .gum-responsive-header #gum-responsive-sidebar-menu .menu-mobile-menu-container { margin-top: 75px; } body.admin-bar.mobile-nav .gum-responsive-header #gum-responsive-sidebar-search .menu-mobile-search-container { margin-top: 47px; } .gum-top-social { position: relative; } .gum_search_icon { color: #ffffff; font-size: 20px; cursor: pointer; } .gum_search_icon:hover { color: #efefef; } @media only screen and (width: 1024px) { .sidebar_post .gum_sidebar_posts .gum_sidebar_widget img { min-width: 280px !important; max-height: 190px; max-width: 283px !important; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .gum_sidebar_post_image a::before { width: 100% !important; height: 188px !important; } body.single.single-post .featured_image img { max-width: 590px; max-height: 270px; } } /*@media only screen(width: 1024px)*/ @media (min-width: 678px) and (max-width: 1023px) { .sidebar_post .gum_sidebar_posts .gum_sidebar_widget img { min-width: auto !important; max-height: 190px; max-width: 188px !important; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .gum_sidebar_post_image a::before { height: 125px !important; width: 92% !important; } /*.gum-header-style2 .menu-top-container{ background-color: #ffffff; height: 100%; margin-left: -100%; overflow-y: auto; padding: 50px 0px 10px; position: fixed; top: 0; left: 0px; text-align: center; transition: all cubic-bezier(0.2, 0, 0, 1) 0.7s; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; z-index: 1000; color: #000000; }*/ /*.gum-header-style2 .main-navigation i.fa-bars{ display: block; color: white; font-size: 24px; position: absolute; top: 2%; left: -2%; cursor: pointer; }*/ /*#primary-menu li.menu-item{ border-top: 1px solid #efefef; max-width: 300px; margin: auto; padding: 8px 0; } #primary-menu{ border-bottom: 1px solid #efefef; max-width: 300px; margin: auto; }*/ /*.gum-header-style2{padding: 8px 0 !important;}*/ /*.gum-top-social ul{margin-top: 0 !important;}*/ /*.gum_search_icon {right: 27%; top: -2px;}*/ body.category #secondary, body.single.single-post #secondary { min-width: 235px !important; } body.single.single-post .featured_image img { max-height: 263px; width: 100%; object-fit: cover; } } @media (min-width: 678px) and (max-width: 1024px) { .comments-area #respond form p.comment-form-author { width: 32.33% !important; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .p_title { font-size: 13px !important; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .block-date { font-size: 11px !important; } .small-posts .post h2 a { font-size: 18px; } .gum-block-2-wrapper .gum-block-post-title { font-size: 12px; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt { padding-left: 5px; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-fig img { max-width: 90px !important; height: 70px; } .sidebar { padding-left: 0 !important; padding-top: 0 !important; } .main-navigation-block { margin-left: 0 !important; display: block !important; } .gum-header-style2 .main-navigation i.fa-times { display: none; position: absolute; color: black; top: 0; font-size: 24px; z-index: 1001; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .gum_sidebar_post_title { bottom: -6px !important; } } /*@media (min-width: 678px) and (max-width: 1023px)*/ .gum_search_wrapper { display: none; height: 33px !important; top: 0; position: absolute; color: #ffffff; font-size: 20px; z-index: 999; height: 100%; width: 100% !important; color: #ffffff; background: #2C2C2C; } .gum_search_wrapper .search_box form { margin: 0; height: 100%; } .gum_search_wrapper .search_box form .ajax_search { border: 0; color: #ffffff !important; background: #ff9ca9; text-align: center; letter-spacing: 0.020em; outline-color: transparent; height: 33px !important; padding: 0; } .gum_search_wrapper .search-form { margin: 0; } .gum_search_wrapper .search_box_close { position: absolute; right: 19%; top: 0; padding: 0 15px; font-size: 23px; padding-bottom: 0; cursor: pointer; background: #ff9ca9; z-index: 9999; color: #efefef; } .gum_search_wrapper .search_container { background: #f7f7f7; padding: 0 10px; color: #ffffff; width: 100%; min-height: 250px; position: absolute; padding-top: 30px; padding-bottom: 20px; left: 0; z-index: 999; } .gum_search_wrapper .gum_search_spinner { position: absolute; top: 0px; left: 45%; } .gum_search_wrapper .gum_search_item img { width: 100%; } .gum_search_wrapper .gum_search_item a { color: #ffffff; font-size: 14px; } .gum_search_wrapper .gum_search_item:hover a { color: #ff9ca9; } .gum_search_link a { display: inline-block; color: black; font-weight: bold; font-size: 14px; margin-right: 10px; padding: 4px 8px; margin-top: 10px; border: none; } .gum_search_link a:hover { background: #020202; } .search_results .small-posts h2 { text-align: center; } .search_results .small-posts h2 a { font-size: inherit !important; } /* ========================================================================== Slider STYLES ========================================================================== */ .featured-slider figure { position: relative; height: 630px; overflow: hidden; } .featured-slider .slick-slide img { display: block; width: 100%; height: auto; } .featured-slider .slider-image { width: 100%; height: 600px; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; } .featured-slider .featured-content { z-index: 10; width: 480px; position: absolute; top: 30.8%; left: 30%; right: 0; } .featured-slider .featured-content .featured-text { width: 100%; text-align: center; padding: 48px 20px 31px; border: 2px solid #efefef; display: block; vertical-align: middle; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; position: relative; background: #fff; } .featured-slider .featured-content .featured-text h3 { font-size: 26px; line-height: 26px; } .featured-slider .featured-content .featured-text a { color: #000; } .featured-slider .featured-content .featured-text a:hover { color: #000000; } .featured-slider .featured-content .featured-text .featured-cat a { background-color: #E44A69; color: #ffffff; padding: 2px 10px; margin: 4px; border-radius: 3px; font-size: 13px; transition: all .2s ease-in-out; } .featured-slider .featured-content .featured-text .featured-cat a a { color: #ffffff; } .featured-slider .featured-content .featured-text .featured-cat a a:hover { color: #333; } .featured-slider .featured-content .featured-text .featured-cat a:hover { color: #333; } .featured-slider .featured-content .carousel-meta { border-top: 1px solid #efefef; padding-top: 5px; } .featured-slider .slick-active .featured-content .featured-text { -webkit-animation-name: slidercontent; animation-name: slidercontent; } @-webkit-keyframes slidercontent { 0% { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes slidercontent { 0% { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } button.slick-arrow { position: absolute; width: 32px; height: 32px; display: inline-block; top: 22%; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } button.slick-arrow:hover { background: #000000; } .slick-prev { left: 5px; text-indent: -9999px; } .slick-prev:after { font: normal normal normal 28px/0 FontAwesome; content: "\f104"; position: absolute; left: 0; top: 0; z-index: 13; color: #000; text-indent: 0; top: 50%; left: 30%; } .slick-next { right: 5px; text-indent: -9999px; } .slick-next:after { font: normal normal normal 28px/0 FontAwesome; content: "\f105"; position: absolute; left: 0; top: 0; z-index: 13; color: #000; text-indent: 0; top: 50%; left: 40%; } .featured-slider:hover button.slick-arrow { visibility: visible; opacity: 1; } /* ========================================================================== MAIN CONTENT STYLES ========================================================================== */ .main { transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; margin-top: 0; } p { font-family: 'Raleway', sans-serif; color: black; font-size: 16px; line-height: 22px; } h1 { font-size: 20px; font-weight: bold; } .gum-widget-heading { border-bottom: 1px solid #efefef; padding-bottom: 5px; margin-bottom: 10px; font-size: 22px; line-height: 100%; } .gum-single-post { margin-bottom: 20px; } .gum-single-post header { padding-top: 25px; } .gum-single-post .featured-post-image img { max-width: 100%; height: auto; } .gum-single-post .meta_more { float: right; margin: 0 0; padding: 0 0; line-height: 16px; font-weight: 600; font-style: normal; color: #333333; font-size: 11px; opacity: .9; visibility: visible; transition: opacity 0.24s ease-in-out; } .gum-single-post .meta_more a { display: block; border: none; color: #333; font-size: 15px; font-weight: normal; } .gum-single-post .meta_more a span.text { padding: 8px 12px 7px; background-color: #FDE3E6; display: block; float: left; transition: all 0.24s ease-in-out; } .gum-single-post .meta_more a span.arrow { display: block; float: left; background-color: #B99499; /* border-left: 1px solid #D0BABA; */ padding: 8px 12px 6px; color: #FFF; } .gum-single-post .meta_more a:hover span.text { opacity: 1; background-color: #B99499; color: #fff; } .gum-single-post .meta_more a:hover span.arrow { opacity: 1; } .single-post .entry-title { font-size: 24px; line-height: 120%; margin-top: 25px; } .gum-single-post .entry-title a { font-size: 32px; } .gum-single-post .gum-single-post-subheading h3 { font-size: 20px; line-height: 23px; } .gum-single-post .post-cat { background-color: #E44A69; color: #ffffff; padding: 2px 10px; margin: 4px; border-radius: 3px; font-size: 13px; transition: all .2s ease-in-out; } .gum-single-post .post-cat a { color: #ffffff; } .gum-single-post .post-cat a:hover { color: #333; } .gum-single-post .post-cat:hover { color: #333; } .gum-single-post .post-footer { margin-top: 30px; border-top: 1px solid #efefef; padding-top: 20px; } .gum-single-post .post-categories { padding: 0; margin: 0 0 20px 0; list-style: none; } .gum-single-post .post-categories li { display: inline-block; margin-right: 10px; background-color: #000; padding: 3px 4px; border-radius: 3px; line-height: 100%; } .gum-single-post .post-categories li a { color: #fff; font-size: 12px; } .gum-single-post .single-post-meta { position: relative; margin-top: 10px; } @media (max-width: 677px) { .gum-single-post .single-post-meta { margin: 5px 0px 0 0; } } .gum-single-post .single-post-meta .author-image { display: inline-block; margin-right: 10px; position: absolute; top: 0; left: 0; } .gum-single-post .single-post-meta .author-image img { border-radius: 25px; } .gum-single-post .single-post-meta a { font-size: 12px; color: #333; } .gum-single-post .single-post-meta .gum-divider:after { content: "\f111"; display: inline-block; font: normal normal normal 6px/1 FontAwesome; padding-left: 8px; margin-right: 6px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gum-single-post .single-post-meta .byline { display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: middle; text-transform: capitalize; max-width: 160px; margin-left: 35px; margin-top: 8px; } .gum-single-post .single-post-meta .byline a { font-weight: bold; } .gum-single-post .single-post-meta .post_publish_date { display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: middle; margin-top: 8px; } .gum-single-post .single-post-meta .post-view-count { display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: middle; margin-right: 10px; } .gum-single-post .single-post-meta .post-commtent-count { display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: middle; margin-right: 10px; } .gum-single-post .gum-post-item { margin-bottom: 10px; } .gum-single-post .gum-post-item .gum-post-item-title { color: #111; display: block; float: left; font-weight: 700; margin-right: 20px; padding: 5px 10px 5px 0px; min-width: 80px; font-size: 12px; } .gum-single-post .gum-post-item .item_list, .gum-single-post .gum-post-item a { display: block; float: left; background: #F6F6F6; border-radius: 20px; color: #333; text-decoration: none; font-weight: 700; margin-right: 15px; padding: 5px 10px; font-size: 12px; } .gum-single-post .gum-post-item .item_list:hover, .gum-single-post .gum-post-item a:hover { background: #e2e2e2; } .gum-single-post .entry-content { padding-top: 20px; } .gum-single-post .entry-content p { text-align: justify; font-size: 16px; line-height: 22px; padding-bottom: 10px; } .gum-single-post .gum-p-l { padding-left: 5%; } .gum-single-post .gum-p-r { padding-right: 5%; } .gum-single-post .gum-p-lr { padding-left: 5%; padding-right: 5%; } .gum-single-post .gum-p-l1r2 { padding-left: 5%; padding-right: 10%; } .gum-single-post .gum-p-l2r1 { padding-left: 10%; padding-right: 5%; } .gum-single-post .gum-p-l2r2 { padding-left: 10%; padding-right: 10%; } .gum-single-post .gum-p-l3r3 { padding-left: 15%; padding-right: 15%; } .gum-single-post .size-full { width: 100%; height: auto; } .gum-single-post .gum_img_full { width: 100%; height: auto; } .gum-read-more { font-weight: bold; position: relative; display: inline-block; font-size: 12px; text-transform: uppercase; } .gum-read-more:before { color: black; content: "\f178"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; -webkit-transform: translateX(0); transform: translateX(0); right: -15px; top: 0px; opacity: 0; transition: .1s; } .gum-read-more:hover:before { opacity: 1; -webkit-transform: translateX(70%); transform: translateX(70%); transition: .3s ease-out; } .gum-post-like { border: 1px solid #e2e2e2; -webkit-background-clip: padding-box; line-height: 30px; height: 31px; display: inline-block; padding: 0 10px; font-size: 12px; color: #4d4d4d; margin-right: 8px; margin-bottom: 4px; vertical-align: middle; border-radius: 30px; transition: all 0.2s ease; } .gum-post-like .post_like_thumb { border-left: 1px solid #efefef; display: inline-block; margin-left: 5px; padding-left: 8px; } .gum-post-like:hover .post_like_thumb { color: #000; } .gum-post-like.voted { transition: all 0.2s linear; cursor: default; } .gum-post-like.voted .post_love_count { color: #000; } .gum-post-like.voted .post_heart { color: #cd2122; } .gum-post-like.voted .post_like_thumb { display: none; } /** * Post style 3 */ .gum-post-style3 .single-pf-image { position: relative; min-height: 450px; background-color: #333; margin-bottom: 20px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .gum-post-style3 .single-pf-image .single-pf-image-inner { position: absolute; bottom: 0; padding: 0 40px; } .gum-post-style3 .single-pf-image .single-pf-image-inner h1 { color: #fff; } .gum-post-style3 .single-pf-image .single-pf-image-inner a { color: #fff; } .gum-post-style3 .single-pf-image .single-pf-image-inner .single-post-meta { color: #fff; } /* ========================================================================== Author box ========================================================================== */ .gum-author-box { padding: 20px 0; border-top: 1px solid #dddddd; } .gum-author-box .gum-author-heading { text-align: center; font-size: 20px; font-weight: bold; } .gum-author-box .gum-author-img { padding: 0; display: flex; } .author-box .author-img img { width: 100%; border-radius: 50%; } .single-post .author-box { padding-bottom: 25px; } .gum-author-box .gum-author-social ul { padding: 0; margin: 0; list-style: none; } .gum-author-box .gum-author-social ul li { display: inline-block; margin-left: 20px; } .author-box .author-name { font-size: 18px; padding-bottom: 3px; } .author-box .author-description p { text-align: justify; } @media (max-width: 375px) { .gum-author-box .gum-author-desc { font-size: 14px; line-height: 14px; } } .gum-author-box .gum-author-info { padding: 3% 0 0 2%; } /** author posts **/ .gum-wc-wrapper { padding: 0; } .gum-wc-wrapper .gum-inner-post { position: relative; } @media (max-width: 375px) { .gum-wc-wrapper .gum-inner-post a.gum-block-post-img .mask { width: 169px !important; height: 101px !important; } .gum-wc-wrapper .gum-inner-post p { bottom: 10px !important; line-height: 14px !important; padding: 0 5px !important; } .gum-wc-wrapper .gum-inner-post p a { font-size: 13px !important; } } .gum-wc-wrapper .gum-inner-post p { position: absolute; bottom: 25px; } .gum-wc-wrapper .gum-inner-post p a { color: white; font-size: 20px; font-weight: bold; padding: 0px 10px; } .gum-wc-wrapper .gum-inner-post a.gum-block-post-img .mask { position: absolute; top: 0; left: 0; background-color: black; opacity: 0.4; width: 360px; height: 216px; } .gum-wc-wrapper .gum-inner-post img { width: 100%; } @media (max-width: 480px) { .gum-wc-wrapper .gum-inner-post .title a { font-size: 13px; } } .gum-inner-post-wrapper-1 { padding: 0; } /*-------------------------------------------------------------- Review --------------------------------------------------------------*/ .gum-star-rating-count { font-size: 16px; color: #a00101; margin-top: 2px; } .gum-star-rating-count i { margin-right: 5px; } .gum-single-review-wrapper { padding: 15px; margin: 15px 0; background: #efefef; } .gum-single-review-wrapper .gum-single-review-item { border-bottom: 1px solid #e5e5e5; padding: 6px 0; } .gum-single-review-wrapper .gum-single-review-total-wrapper { border: 1px solid #e5e5e5; padding: 20px; margin: 20px 0; text-align: center; } .gum_post_fullgrid { z-index: 9; /** * Play button on featured image **/ } .gum_post_fullgrid .gum_grid_link { position: relative; width: 100%; height: 100%; display: block; z-index: 2; overflow: hidden; background-size: cover !important; transition: all 0.5s ease; } .gum_post_fullgrid .gum_grid_link img { height: 100%; transition: -webkit-transform 0.35s ease 0s; transition: transform 0.35s ease 0s; transition: transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s; } .gum_post_fullgrid .gum_grid_link:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #333; opacity: .3; transition: all 2s ease; } .gum_post_fullgrid .gum_post_data { position: absolute; width: 100%; bottom: 5px; padding: 10px; background: transparent; opacity: 1; transition: all 0.3s; z-index: 3; } .gum_post_fullgrid .gum_post_data .p_title a { color: inherit; } .gum_post_fullgrid .gum_post_data .p_title { font-size: 18px; color: #fff; line-height: 25px; display: block; margin-bottom: 5px; } @media (max-width: 480px) { .gum_post_fullgrid .gum_post_data .p_title { font-size: 16px; } } .gum_post_fullgrid .gum_post_data ul { list-style: none; padding: 0 0 5px; position: relative; bottom: 0; left: 0; } .gum_post_fullgrid .gum_post_data ul li { display: inline-block; margin-right: 8px; font-size: 12px; color: #fff; } .gum_post_fullgrid .gum_post_data ul li.block-date { color: rgba(255, 255, 255, 0.7); } .gum_post_fullgrid .gum_post_data ul li.cat { background: #3683db; line-height: 1; font-size: 11px; padding: 2px 3px; } .gum_post_fullgrid .post-play-btn { /*left: 40%; top:35%; padding: 5px 8px 5px 10px;*/ } .gum_post_fullgrid:hover .gum_grid_link_img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .gum_post_fullgrid:hover .gum_grid_link_img:before { background: transparent; } .gum_post_fullgrid:hover .post-play-btn { background-color: #cd2122; color: #fff; } .fullgrid_block_1_wrapper { padding: 0 0px 0 0px; } @media (max-width: 480px) { .fullgrid_block_1_wrapper { margin-bottom: 10px; } } .gum_post_fullgrid { word-wrap: break-word; white-space: pre-line; position: relative; overflow: hidden; } .fullgrid_block_1 { height: 390px; } @media (max-width: 480px) { .fullgrid_block_1 { height: 230px; } } .gum-smal-grid { height: 190px; } .gum_grid_small .col-sm-6 { padding: 0 0px 0 10px; } @media (max-width: 480px) { .gum_grid_small .fullgrid_block_2_wrapper.even { padding-left: 0px; } } @media (max-width: 480px) { .gum_grid_small .fullgrid_block_2_wrapper.odd { padding-right: 0px; } } .fullgrid_block_1 .gum_post_data .p_title { font-size: 24px; line-height: 26px; } .fullgrid_block_1 .post-play-btn { /*left: 45%; top: 45%; padding: 7px 13px 7px 17px; font-size: 16px;*/ } .fullgrid_block_1 .gum-star-rating-count { font-size: 16px; color: #ff9ca9; margin-top: 5px; } .fullgrid_block_2 .post-play-btn { /*right: 5px; left: auto; top: 5px; padding: 5px 8px 5px 12px; font-size: 12px;*/ } @media (max-width: 480px) { .gum_full_grid_1 .fullgrid_block_2_wrapper:nth-child(odd) { padding-left: 0; } .gum_full_grid_1 .fullgrid_block_2_wrapper:nth-child(even) { padding-right: 0; } } /**** Full Grid 2 ***/ .gum_full_grid_2 .fullgrid_block_1_wrapper { padding: 0 0px 0 0px; margin-bottom: 10px; overflow: hidden; } .gum_full_grid_2 .fullgrid_block_1_wrapper.gum-grid2-1 { padding-right: 5px; } @media (max-width: 480px) { .gum_full_grid_2 .fullgrid_block_1_wrapper.gum-grid2-1 { padding-right: 0; } } .gum_full_grid_2 .fullgrid_block_1_wrapper.gum-grid2-2 { padding-left: 5px; } @media (max-width: 480px) { .gum_full_grid_2 .fullgrid_block_1_wrapper.gum-grid2-2 { padding-left: 0; } } .gum_full_grid_2 .gum_post_fullgrid { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: rgba(0, 0, 0, 0.8) 0 -120px 90px -50px inset; position: relative; } .gum_full_grid_2 .fullgrid_block_1 { height: 360px; } @media (max-width: 480px) { .gum_full_grid_2 .fullgrid_block_1 { height: 220px; } } .gum_full_grid_2 .fullgrid_block_3_wrapper { padding: 0 0px 0 0; } .gum_full_grid_2 .fullgrid_block_3_wrapper.gum-grid2-3 { padding-right: 5px; } @media (max-width: 480px) { .gum_full_grid_2 .fullgrid_block_3_wrapper.gum-grid2-3 { padding-right: 0; } } .gum_full_grid_2 .fullgrid_block_3_wrapper.gum-grid2-4 { padding-right: 5px; padding-left: 5px; } @media (max-width: 480px) { .gum_full_grid_2 .fullgrid_block_3_wrapper.gum-grid2-4 { padding-left: 0; padding-right: 0; } } .gum_full_grid_2 .fullgrid_block_3_wrapper.gum-grid2-5 { padding-left: 5px; } @media (max-width: 480px) { .gum_full_grid_2 .fullgrid_block_3_wrapper.gum-grid2-5 { padding-left: 0; } } .gum_full_grid_2 .gum-smal-grid { height: 175px; } .gum_full_grid_2 .gum_grid_small .col-sm-6 { padding: 0 0px 0 10px; } .gum_full_grid_2 .fullgrid_block_1 .gum_post_data .p_title { font-size: 24px; } /** * Slider */ .gum-slider .gum_slider_item_wrapper .gum_slider_item a img { height: auto; width: 100%; } .gum-slider .gum_slider_item_wrapper .gum_slider_item .gum_post_data .p_title { font-size: 24px; line-height: 32px; } .gum-slider button.slick-arrow:hover { background-color: #efefef; } /** * carousel */ .gum-carousel .gum_carousel_item .gum_post_data .p_title { font-size: 24px; line-height: 32px; } .gum-carousel button.slick-arrow:hover { background-color: #efefef; } .gum_carousel_1 { margin-bottom: 15px; } .gum_carousel_1 .gum_carousel_item_wrapper { padding: 0px; } .gum_carousel_1 .gum_post_fullgrid { box-shadow: none; } .gum_carousel_1 .gum_carousel_item { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 400px; position: relative; max-height: 250px !important; } .gum_carousel_1 .gum_carousel_item .small-posts .post { margin-bottom: 0; } .gum_carousel_1 .gum_carousel_item .small-posts .post .img-holder1 { position: relative; } .gum_carousel_1 .gum_carousel_item .small-posts .post .img-holder1 .gum-post-cat { margin: 0; left: 0; bottom: 0; } .gum_carousel_1 .gum_carousel_item .small-posts .post .img-holder1 .gum-post-cat li { padding: 2px 5px; } .gum_carousel_1 .gum_carousel_item .small-posts .post .img-holder1 .gum-post-cat li a { font-size: 13px; color: black; font-weight: bold; } .gum_carousel_1 .gum_carousel_item .small-posts .post .img-holder1 .gum-post-cat li:hover { background-color: black !important; } .gum_carousel_1 .gum_carousel_item .small-posts .post .img-holder1 .gum-post-cat li:hover a { color: white; } .gum_carousel_1 .gum_carousel_item .small-posts .post .img-holder1 img { max-width: 216px; height: auto; } .gum_carousel_1 .gum_carousel_item .small-posts .post h2 { font-size: 16px; line-height: 20px; letter-spacing: 4px; margin-bottom: 0; top: 0; margin-top: 10px; font-family: 'Montserrat', sans-serif; } .gum_carousel_1 .gum_carousel_item .small-posts .post h2 a { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; font-family: inherit !important; font-style: inherit !important; } .gum_carousel_1 .gum_carousel_item .small-posts .post h2:hover { color: #ff9ca9; } .gum_carousel_1 button.slick-arrow { font: normal normal normal 14px/1 FontAwesome; content: "\f053"; border: 1px solid black; border-radius: inherit; } .gum_carousel_1 button.slick-arrow:hover { border: 1px solid black; border-radius: inherit; background-color: #ff9ca9; } .gum_carousel_1:hover button.slick-arrow { opacity: 1; } .gum_slider_1 { margin-bottom: 15px; } .gum_slider_1 .gum_slider_item_wrapper { padding: 0px; } .gum_slider_1 .gum_post_fullgrid { box-shadow: none; } .gum_slider_1 .gum_slider_item { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: rgba(0, 0, 0, 0.8) 0 -120px 90px -50px inset; height: 400px; position: relative; } .gum_slider_1 button.slick-arrow { font: normal normal normal 14px/1 FontAwesome; content: "\f053"; transition: all 0.5s ease; border: 1px solid black; border-radius: inherit; } .gum_slider_1 button.slick-arrow:hover { border: 1px solid black; border-radius: inherit; background-color: #ff9ca9; } .gum_slider_1:hover button.slick-arrow { opacity: 1; } .gum-page-section-wrapper { margin-bottom: 10px; } .gum-block img.gum-p-img { width: 100%; } .gum-grid-block-wrapper { padding: 0px 0 20px 0; } @media (max-width: 677px) { .gum-grid-block-wrapper { padding: 0 !important; } } @media (max-width: 677px) { .wp-block-gum-grid .gum-grid .gum-col-content { margin-top: 0; } } @media (max-width: 677px) { .wp-block-gum-grid .gum-grid .gum-col-content .gum-grid-block-wrapper { margin-top: 20px; } } .gum-block-loading-wrapper { position: relative; } .block-post-author { font-weight: bold; } .block-post-author.divider:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f111'; margin-left: 8px; font-size: 5px; vertical-align: middle; color: rgba(255, 255, 255, 0.6); } /** Category **/ .gum-post-cat { list-style: none; padding: 0; margin: 0; display: inline-block; left: 11px; z-index: 3; bottom: 70px; } .gum-post-cat li { display: inline-block; margin-right: 4px; background-color: #ff9ca9; } .gum-post-cat li a { display: inline-block; padding: 2px 3px; color: #ffffff; font-weight: bold; border-radius: 2px; font-size: 10px; letter-spacing: .8px; } .gum-post-cat li a:hover { color: #ffffff; } /** * Play button on featured image **/ .post-play-btn { /*display:block; position:absolute; background: #efefef; color:#000; border-radius: 3px;*/ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 50%; left: 50%; border-radius: 150px; text-align: center; width: 52px; height: 52px; line-height: 52px; margin-top: -32px; margin-left: -26px; border: 6px solid rgba(255, 255, 255, 0.45); color: #ffffff; z-index: 2; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .post-play-btn i { position: absolute; top: 34%; left: 39%; } .gum-block-loading { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(237, 237, 237, 0.6); } .gum-block-loading .spinner { position: absolute; top: 45%; left: 43%; } .gum_block_pagination { margin: 0; padding: 0; float: right; } .gum_block_pagination .gb_pagination_a.disable { color: red; } .gum_block_pagination li>a { padding: 2px 10px; font-size: 14px; line-height: 1.5; } .gum_block_pagi_loadmore { margin: 0; padding: 0; float: none; text-align: center; width: 100%; } .gum_block_pagi_loadmore li { display: inline-block; color: #333; background: #ff9ca9; cursor: pointer; padding: 5px 0px; margin: 10px 0; border: none; color: inherit; font-size: 14px; line-height: 30px; font-weight: 800; transition: all 0.4s; } .gum_block_pagi_loadmore li:hover { background: #ff9ca9; color: white; } .gum_block_pagi_loadmore li:hover a { background: transparent; color: white; border-radius: 0; } .gum_block_pagi_loadmore li a { border: none; border-radius: 0; } .gum_block_pagi_loadmore li a:hover { background: transparent; } /** Ajax Filter **/ .gum-grid-block-title { display: block; clear: both; margin-bottom: 10px; } .gum-grid-block-title h3 { display: inline-block; float: left; font-size: 24px; color: #333; margin-bottom: 0; } .gum-grid-block-title .gum_cat_filter_dropdown { display: inline-block; float: right; position: absolute; } .gum-grid-block-title .gum_cat_filter_dropdown:hover .dropdown-menu { display: block; margin-top: 0; } .gum-grid-block-title .gum_cat_filter_list { display: inline-block; float: right; position: relative; text-align: right; } .gum-grid-block-title .gum_cat_filter_list ul { list-style: none; padding: 9px 0 0 0; margin: 0; } .gum-grid-block-title .gum_cat_filter_list ul li { display: inline-block; margin-left: 10px; } .gum-grid-block-title .gum_cat_filter_list ul li a:hover { color: #ff9ca9; } .gum-grid-block-title .gum_cat_filter_list ul li a.active { color: #ff9ca9; padding-bottom: 6px; } .gum-grid-block-title .gum_cat_filter_dropdown_selected:after { content: "\f078"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding-left: 5px; } .gum-grid-block-title .gum_cat_filter_dropdown_selected .gum_cat_filter li:hover a { color: #ff9ca9; } .gum-block-1-wrapper { padding-left: 0; /*min-height: 300px;*/ } @media (max-width: 480px) { .gum-block-1-wrapper { padding-right: 0; } } .gum-block-wrapper { margin-bottom: 20px; position: relative; /** * Play button on featured image **/ } .gum-block-wrapper .gum-block-post-title { font-size: 16px; padding-bottom: 5px; margin-bottom: 0; line-height: 22px; } @media (max-width: 677px) { .gum-block-wrapper .gum-block-post-title a { font-size: 20px; } } @media (min-width: 678px) and (max-width: 1024px) { .gum-block-wrapper .gum-block-post-title a { font-size: 18px; } } .gum-block-wrapper .gum-block-1 .gum-block-post-title { padding-top: 10px; font-size: 22px; line-height: 27px; } .gum-block-wrapper .post_meta { margin: 0; padding: 0; list-style: none; } .gum-block-wrapper .gum-block-post-img { position: relative; display: block; } .gum-block-wrapper .post-play-btn { /*left: 40px; top:30px; padding: 5px 8px 5px 10px;*/ } .gum-block-wrapper .gum-block { display: block; } .gum-block-wrapper .gum-block ul.gum-cats { margin: 0; padding: 0; list-style: none; position: absolute; top: 10px; left: 5px; } .gum-block-wrapper .gum-block ul.gum-cats li a { padding: 5px; color: #fff; background-color: #333333; } .gum-block-wrapper .gum-block:hover .post-play-btn { background-color: #cd2122; color: #fff; } .gum-block-wrapper .gum-star-rating-count { margin: 0 0 5px 0; } .gum-block-wrapper ul { list-style: none; margin: 0px 0 5px 0; padding: 0px; } .gum-block-wrapper ul li { display: inline-block; margin-right: 8px; font-size: 12px; color: #333333; } .gum-block-wrapper ul li.block-date { color: rgba(0, 0, 0, 0.7); } .gum-block-wrapper .block-post-author.divider:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f111'; margin-left: 8px; font-size: 5px; vertical-align: middle; color: rgba(0, 0, 0, 0.7); } .gum-grid-latest-posts .box { margin-bottom: 20px; } @media (max-width: 677px) { .gum-grid-latest-posts .right-aligned { right: 20px !important; } } .gum-grid-block-1 .small-posts { padding: 0 5px 0 0; } @media (max-width: 677px) { .gum-grid-block-1 .small-posts { padding: 0; } } .gum-grid-block-1 .description-posts .post h2 { font-size: 14px; } .gum-grid-block-1 .description-posts .post h2 a { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; font-family: inherit !important; font-style: inherit !important; } .gum-grid-block-1 .description-posts .post h2 a:hover { color: #ff9ca9 !important; } @media (max-width: 677px) { .gum-grid-single-posts .post { padding: 0 2px; } } .gum-grid-block-3 { position: relative; } @media (min-width: 678px) and (max-width: 1024px) { .gum-grid-block-3 .small-posts ul .gum-block-comment-count { display: none; } } @media (max-width: 677px) { .gum-grid-block-3 .right-aligned { right: 0 !important; } } .gum-grid-block-2 .description-posts .post h2 { font-size: 14px; } .gum-grid-block-2 .description-posts .post h2 a { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; font-family: inherit !important; font-style: inherit !important; } .gum-grid-block-2 .description-posts .post h2 a:hover { color: #ff9ca9 !important; } body.single-post .gum-breadcrumb { margin-bottom: 0; margin-top: 25px; } /** Post Grid Block 1 */ .gum-grid-block-1 .gum-block-2-main { padding-right: 0; padding-left: 0; } .gum-grid-block-1 .gum-block-1-wrapper { padding: 0 7px 0 0; } @media (max-width: 480px) { .gum-grid-block-1 .gum-block-1-wrapper { padding: 0; } } .gum-grid-block-1 .gum-block-2-main { padding: 0 0px 0 7px; } @media (max-width: 480px) { .gum-grid-block-1 .gum-block-2-main { padding: 0; padding-left: 10px; } } /** Post Grid block 2 */ .gum-grid-block-2 .gum-grid-block-2-1 { padding-right: 7px; padding-left: 0px; } @media (max-width: 480px) { .gum-grid-block-2 .gum-grid-block-2-1 { padding-right: 0; } } .gum-grid-block-2 .gum-grid-block-2-2 { padding-right: 0px; padding-left: 7px; } @media (max-width: 480px) { .gum-grid-block-2 .gum-grid-block-2-2 { padding-left: 0; } } .gum-grid-block-2 .gum-block-2-main { padding-left: 0; padding-right: 0; } .gum-grid-block-2 .gum-has-reviews .gum-block-2-wrapper { min-height: 120px; } /** category page */ body.archive.category .gum_slider_1 .post1 .post ul, body.archive.category .gum_slider_1 .post1 .post a.gum-read-more { display: none; } @media (max-width: 375px) { body.archive.category .gum-cat-fullGrid_block_1 .fullgrid_block_1_wrapper.gum-block-odd { padding-right: 0; } } @media (max-width: 375px) { body.archive.category .gum-cat-fullGrid_block_1 .fullgrid_block_1_wrapper.gum-block-even { padding-left: 0; } } @media (max-width: 375px) { body.archive.category .gum-cat-block_1 .post ul { margin-bottom: 0; margin-top: 5px; } body.archive.category .gum-cat-block_1 .post h2 { margin-top: 22px; } } @media (max-width: 375px) { body.archive.category .gum-cat-block_2 .gum-block-2-wrapper .gum-block.gum-block-2 { display: block !important; } } @media (max-width: 375px) { body.archive.category .gum-cat-block_3 .gum-cat-post-inner .img-holder a img { max-width: 316px !important; } } @media (max-width: 375px) { body.archive.category .gum-cat-block_3 .gum-cat-post-inner .gum-block-odd { padding-right: 0 !important; } } @media (max-width: 375px) { body.archive.category .gum-cat-block_3 .gum-cat-post-inner .gum-block-even { padding-left: 0 !important; } } body.archive.category .gum_posts_grid_slide .fullgrid_block_1_wrapper.gum-block-odd { padding-right: 10px; padding-bottom: 20px; } @media (max-width: 375px) { body.archive.category .gum_posts_grid_slide .fullgrid_block_1_wrapper.gum-block-odd { padding: 0 !important; } } body.archive.category .gum_posts_grid_slide .fullgrid_block_1_wrapper.gum-block-even { padding-left: 10px; padding-bottom: 20px; } @media (max-width: 375px) { body.archive.category .gum_posts_grid_slide .fullgrid_block_1_wrapper.gum-block-even { padding: 0 !important; } } body.archive.category .gum_posts_grid_slide .fullgrid_block_3_wrapper.gum-block-odd.gum-grid2-3 { padding-left: 0; padding-right: 10px; } @media (max-width: 375px) { body.archive.category .gum_posts_grid_slide .fullgrid_block_3_wrapper.gum-block-odd.gum-grid2-3 { padding: 0 !important; } } body.archive.category .gum_posts_grid_slide .fullgrid_block_3_wrapper.gum-block-even.gum-grid2-4 { padding: 0 10px; } @media (max-width: 375px) { body.archive.category .gum_posts_grid_slide .fullgrid_block_3_wrapper.gum-block-even.gum-grid2-4 { padding: 0 !important; } } body.archive.category .gum_posts_grid_slide .fullgrid_block_3_wrapper.gum-block-odd.gum-grid2-5 { padding-right: 0; padding-left: 10px; } @media (max-width: 375px) { body.archive.category .gum_posts_grid_slide .fullgrid_block_3_wrapper.gum-block-odd.gum-grid2-5 { padding: 0 !important; } } /** Block 1 */ .gum-grid-block-1 .small-posts.col-sm-6 .post { margin: 0; } .gum-grid-block-1 .small-posts.col-sm-6 .post p.excerpt { padding-bottom: 0; } /** Block 2 */ .gum-block-2-wrapper .gum-block-data { padding-right: 0; padding-left: 10px !important; } .gum-block-2-wrapper .gum-block-post-title { font-size: 14px; padding-bottom: 5px; margin-bottom: 0; line-height: 20px; font-weight: bold; } .gum-block-2-wrapper .gum-block-post-title a { color: black; } .gum-block-2-wrapper .gum-block-post-title a:hover { color: #ff9ca9; } /** Block 3 */ .gum-post-grid-block-3 .gum-block-wrapper { padding-right: 8px; padding-left: 8px; } .gum-post-grid-block-3 .gum-block-odd { padding-left: 0; } .gum-post-grid-block-3 .gum-block-even { padding-right: 0; } @media (max-width: 480px) { .gum-post-grid-block-3 .gum-block-wrapper { padding-right: 0px !important; padding-left: 0px !important; } } .gum-post-grid-block-3 .small-posts .post h2 {} .gum-post-grid-block-3 .small-posts-wrapper.col-sm-3 .small-posts .post h2 a { font-size: 16px; } /** Block 4 */ .gum-post-grid-block-4 { min-height: auto; } .gum-post-grid-block-4 .gum-block-wrapper { padding-right: 0px; padding-left: 0px; min-height: 300px; } .gum-post-grid-block-4 .gum-block-wrapper .gum-block-data { padding-top: 10%; } .gum-post-grid-block-4 .gum-grid-block-4-1 { padding-right: 8px; } .gum-post-grid-block-4 .gum-grid-block-4-2 { padding-right: 4px; padding-left: 4px; } .gum-post-grid-block-4 .gum-grid-block-4-3 { padding-left: 8px; } @media (max-width: 480px) { .gum-post-grid-block-4 .gum-grid-block-4-1 { padding-right: 0px; } .gum-post-grid-block-4 .gum-grid-block-4-2 { padding-right: 0px; padding-left: 0px; } .gum-post-grid-block-4 .gum-grid-block-4-3 { padding-left: 0px; } .gum-post-grid-block-4 .gum-block-odd { padding-right: 5px; } .gum-post-grid-block-4 .gum-block-even { padding-left: 5px; } .gum-post-grid-block-4 .post-excerpt { display: none; } .gum-post-grid-block-4 .gum-read-more { display: none; } } .gum-post-grid-block-4 .gum-block .col-md-4 .mask { transition: all .2s ease-out; z-index: 30; cursor: pointer; opacity: 0; position: absolute; left: 6%; top: 0px; width: 88%; height: 100%; background: #00000080; display: flex; align-items: center; justify-content: center; color: white; } .gum-post-grid-block-4 .gum-block .col-md-4:hover .mask { opacity: 1; } /** Block 5 */ .gum-block-5-wrapper .cat-wrapper .gum-post-cat { position: relative; top: auto; left: auto; } .gum-block-5-wrapper .gum-block-post-title { font-size: 16px; } /*-------------------------------------------------------------- Category page --------------------------------------------------------------*/ .page-header { margin-top: 0; text-align: left; } .page-header h1 { margin: 0; } @media (max-width: 992px) { .post-item .meta_more { padding-top: 20px; clear: both; float: none !important; } } .post-item .meta_more a span.text { padding: 8px 8px 7px; } .gum-cat-post-inner { padding-bottom: 20px; } .gum-load-more-wrapper { text-align: center; } .gum-load-more-btn { display: inline-block; color: #333; background: transparent; cursor: pointer; padding: 5px 20px; margin: 10px 0; border: 2px solid #d6d6d6; border-radius: 4px; color: inherit; font-size: 14px; line-height: 30px; font-weight: 800; transition: all 0.4s; } .gum-load-more-btn:hover { background: #333; color: #fff; } .archive .content-area .gum-block-wrapper .gum-block-post-title a { font-size: 24px; line-height: 32px; } .gum-cat-block_3 .gum-block-wrapper { padding-right: 8px; padding-left: 8px; } .gum-cat-block_3 .gum-block-odd { padding-left: 0; } .gum-cat-block_3 .gum-block-even { padding-right: 0; } @media (max-width: 480px) { .gum-cat-block_3 .gum-block-wrapper { padding-right: 0px !important; padding-left: 0px !important; } } .gum-cat-wrapper .gum-cat-block_1 .post ul { float: right; } .gum-cat-wrapper .gum-cat-block_1 .post h2 { margin-top: 15px; } .gum-cat-wrapper .gum-cat-block_1 .post h2 a { font-weight: bold; font-size: 20px; } .gum-cat-wrapper .gum-cat-block_1 .post .pull-left { display: block !important; float: none !important; } .gum-cat-wrapper .gum-cat-block_1 .post .pull-left i { margin-right: 5px; } .gum-cat-wrapper .gum-cat-block_1 .post .gum-read-more { font-size: 14px; margin-top: 10px; color: #333333; } .gum-cat-wrapper .gum-cat-block_1 .post .gum-read-more:hover, .gum-cat-wrapper .gum-cat-block_1 .post .gum-read-more:hover::before { color: #ff9ca9; } /* ========================================================================== Social share STYLES ========================================================================== */ .gum_post_share_wrapper { position: relative; margin: 0 0 0px 0; padding: 0; list-style: none; } .gum_post_share_wrapper .gum_post_share { display: inline-block; border-radius: 2px; text-align: center; cursor: pointer; margin-bottom: 20px; } .gum_post_share_wrapper .gum_post_share .gum_s_icon { display: inline-block; width: auto; padding: 10px 15px; border-radius: 2px; color: #fff; margin-right: 15px; } @media (max-width: 480px) { .gum_post_share_wrapper .gum_post_share .gum_s_icon .share-text { display: none; } } .gum_post_share_wrapper .gum_post_share .gum_s_icon span { margin-left: 5px; padding-left: 5px; } .gum_post_share_wrapper .gum_post_share.facebook-share .gum_s_icon { background-color: #3e578c; } .gum_post_share_wrapper .gum_post_share.facebook-share .gum_s_icon:hover { background-color: #314674; } .gum_post_share_wrapper .gum_post_share.twitter-share .gum_s_icon { background-color: #00acee; } .gum_post_share_wrapper .gum_post_share.twitter-share .gum_s_icon:hover { background-color: #0e93c8; } .gum_post_share_wrapper .gum_post_share.googleplus-share .gum_s_icon { background-color: #dd4b39; } .gum_post_share_wrapper .gum_post_share.googleplus-share .gum_s_icon:hover { background-color: #b43a2a; } .gum_post_share_wrapper .gum_post_share.linkedin-share .gum_s_icon { background-color: #0e76a8; } .gum_post_share_wrapper .gum_post_share.linkedin-share .gum_s_icon:hover { background-color: #005f8b; } .gum_post_share_wrapper .gum_post_share.pinterest-share .gum_s_icon { background-color: #c92228; } .gum_post_share_wrapper .gum_post_share.pinterest-share .gum_s_icon:hover { background-color: #b21f24; } /**** Comments *****/ .comments-area { background-color: #fff; padding: 20px 0; border-top: 1px solid #dddddd; } .comments-area .comments-title { text-align: center; font-size: 20px; font-weight: bold; } .comments-area .comment { border: 1px solid transparent; box-sizing: border-box; position: relative; } .comments-area .comment-respond { margin-top: 20px; } .comments-area .comment-respond h3 { font-size: 20px; font-weight: bold; } .comments-area .comment_number .comment_number_inner i { position: relative; top: -1px; padding: 0 10px 0 0; } .comments-area .comment-body { border-bottom: 1px dashed #dddddd; position: relative; margin-bottom: 0px; padding-bottom: 50px; } .comments-area .comment-body .reply { margin: 0; float: left !important; padding-left: 3%; } .comments-area .comment-body .reply a { color: white; background-color: #ff9ca9; display: block; float: right; margin-top: 8px; border-radius: 25px; padding: 6px 9px; font-size: 12px; font-weight: bold; letter-spacing: 2px; line-height: 1; border: none; transition: all 200ms ease-in; } .comments-area .comment-body .reply a:hover { color: black; } .comments-area .comment-body .comment-author img { border-radius: 50%; } .comments-area .comment-body .clearfix { display: none; } .comments-area .comment-list { list-style: none; position: relative; z-index: 150; padding: 0; margin: 30px 0 0; } .comments-area .comment-list li { display: inline-block; position: relative; width: 100%; } .comments-area .comment-list li .comment-data { padding-top: 10px; margin-left: 20px; display: flex; } @media (max-width: 375px) { .comments-area .comment-list li .comment-data { margin-left: 5px !important; display: inherit !important; } .comments-area .comment-list li .comment-data .comment-meta { padding-left: 2% !important; } } .comments-area .comment-list li .comment-data .fn, .comments-area .comment-list li .comment-data .fn a { font-weight: bold; font-style: normal; font-size: 16px; } .comments-area .comment-list li .comment-data span.says { display: none; } .comments-area .comment-list li .comment-data .comment-meta { padding-left: 8%; padding-top: 5px; display: inline; min-width: 250px; font-size: 10px; } .comments-area .comment-list li .comment-data .comment-meta a { color: #9e9e9e; } .comments-area .comment-list li .comment-data .clearfix { display: block; } .comments-area .comment-list li .comment-inner-text { padding-top: 35px; padding-left: 11.5%; } @media (max-width: 375px) { .comments-area .comment-list li .comment-inner-text { padding-left: 23% !important; } } .comments-area .comment-list .post_author_comment .post-author-comment-icon { margin-left: 5px; color: #bfa97d; font-size: 12px; } .comments-area .comment-list li ul.children li:last-child { padding: 0; } .comments-area .comment-list>li { margin: 0 0 40px; } .comments-area .comment-list>li:last-child { margin: 0; } .comments-area .comment .image { display: block; width: 73px; height: 73px; float: left; } .comments-area .comment:not(.pingback-comment) .text { padding: 0 0 0 91px; min-height: 73px; } .comments-area .comment:not(.pingback-comment) .text li { display: list-item; } .comments-area .comment .text .comment_date { line-height: 24px; font-size: 11px; float: left; margin: 17px 0 0 0; color: #bfa97d; } .comments-area .comment .text .comment_info { display: inline-block; vertical-align: middle; width: 100%; } .comments-area .comment_holder .comment .text .name { float: left; color: #333; line-height: 18px; } .comments-area .comment.pingback-comment .name { text-transform: none; line-height: 1.8em; max-width: 90%; } .comments-area .comment .text .replay, .comments-area .comment .text .comment-reply-link, .comments-area .comment .text .comment-edit-link { color: #bfa97d; font-size: 12px; float: right; font-weight: 400; margin-left: 10px; -webkit-transition: background-color .15s ease-out, color .15s ease-out; -moz-transition: background-color .15s ease-out, color .15s ease-out; -o-transition: background-color .15s ease-out, color .15s ease-out; -ms-transform: background-color .15s ease-out, color .15s ease-out; transition: background-color .15s ease-out, color .15s ease-out; } .comments-area .bottom-comment-link .comment .text .replay, .comments-area .bottom-comment-link .comment .text .comment-reply-link { position: absolute; bottom: -27.5px; right: 25px; height: 47px; width: 47px; line-height: 47px; text-indent: -9999px; background-color: #b2980d; border-radius: 50%; } .comments-area .comment_holder .bottom-comment-link .comment .text .replay:after, .comments-area .comment_holder .bottom-comment-link .comment .text .comment-reply-link:after { position: absolute; content: "J"; font-family: "ElegantIcons"; width: 100%; height: 100%; line-height: 47px; left: 0; top: 0; font-size: 24px; color: #fff; text-indent: 0; text-align: center; } .comments-area .comment_holder .bottom-comment-link .comment .text .replay:hover, .comments-area .single-post .comment_holder .bottom-comment-link .comment .text .comment-reply-link:hover { background-color: #fff; } .comments-area .comment_holder .bottom-comment-link .comment .text .replay:hover:after, .comments-area .comment_holder .bottom-comment-link .comment .text .comment-reply-link:hover:after { color: #b2980d; } .comments-area .comment .text .replay:hover, .comments-area .comment_holder .comment .text .comment-reply-link:hover, .comments-area .comment_holder .comment .text .comment-edit-link:hover { color: #333; } .comments-area .comment_holder .comment .text .text_holder { display: block; margin: 6px 0 0 0; color: #a0a3a4; } .comments-area .comment_holder .comment .logged-in-as { margin: 10px 0; } .comments-area .comment_holder .comment .form-submit { margin: 0 0 20px; } .comments-area .comment_holder .comment-list li ul.children { margin: 30px 0 0 0; padding: 0 0 0 70px; } .comments-area .comment_holder .comment-list li ul.children li { margin: 0 0 18px 0; border-bottom: 0; } .comments-area .comment_holder .comment-list li ul.children li:last-child { margin: 0; } .comments-area #respond h3 { margin: 0 0 15px 0; } .comments-area #respond form { text-align: left; margin: 0; } .comments-area #respond form .comment-notes { display: none; } .comments-area #respond form p { margin: 0; } .comments-area #respond form p textarea, .comments-area #respond form p input { margin: 0 !important; background-color: none; } .comments-area #respond form p.logged-in-as { margin-bottom: 10px; } .comments-area #respond form p.comment-form-author { width: 33.33%; display: inline-block; } @media (max-width: 375px) { .comments-area #respond form p.comment-form-author { width: 31.4%; } } .comments-area #respond form p.comment-form-email { width: 33.33%; display: inline-block; } @media (max-width: 375px) { .comments-area #respond form p.comment-form-email { width: 33%; } } .comments-area #respond form p.comment-form-url { width: 32.23%; display: inline-block; } @media (max-width: 375px) { .comments-area #respond form p.comment-form-url { width: 33%; } } .comments-area #respond form p.form-submit { margin-top: 25px; text-align: left; } .comments-area #respond form p.comment-form-cookies-consent { margin-top: 15px; } .comments-area #respond form p.comment-form-cookies-consent input { max-width: 20px; } .comments-area #respond form p.comment-form-cookies-consent label { display: inline; } .comments-area #respond h3.comment-reply-title { margin: 0; } .comments-area #respond small { display: block; margin: 0 0 13px; position: relative; } .comments-area .comment_holder .comment .comment-respond { margin-top: 40px; } .comments-area #respond textarea, .comments-area #respond input[type='text'], .comments-area #respond input[type='email'], .comments-area #respond input[type='url'], .comments-area .contact_form input[type='text'], .comments-area .contact_form textarea, .comments-area .post-password-form input[type='password'] { width: 100%; margin: 0 0 15px 0; padding: 10px 17px; border: 1px solid #e9e9e9; outline: 0; resize: none; line-height: 18px; font-size: 13px; background-color: #f6f6f5; color: #7f8385; box-sizing: border-box; } .comments-area .comment_respond_note { width: 100%; margin: 10px 0 15px 0; padding: 10px 17px; resize: none; line-height: 18px; font-size: 13px; background-color: #f6f6f5; color: #7f8385; box-sizing: border-box; } .comments-area .comment_respond_note i { color: #bfa97d; margin: 0 12px 0 0; } .comments-area #respond textarea { padding: 15px 17px; color: #7f8385; margin: 5px 0 13px 0; border-radius: 0; } .comments-area #respond textarea:active, .comments-area #respond textarea:focus { border-color: #fa8898; } .comments-area .comment_holder #respond textarea, .comments-area .comment_holder #respond input[type='text'] { background-color: #f6f6f5; } .comments-area .comment_holder .comment #respond textarea, .comments-area .comment_holder .comment #respond input[type='text'] { background-color: #f6f6f5; } .comments-area .comment_holder #respond textarea { margin: 0 0 12px; } .comments-area #respond textarea:focus, .comments-area #respond input[type='text']:focus, .comments-area .contact_form input[type='text']:focus, .comments-area .contact_form textarea:focus, .comments-area .post-password-form input[type='password']:focus { color: #7f8385; } .comments-area #respond textarea:focus::-webkit-input-placeholder, .comments-area #respond input[type='text']:focus::-webkit-input-placeholder, .comments-area .contact_form input[type='text']:focus::-webkit-input-placeholder, .comments-area .contact_form textarea:focus::-webkit-input-placeholder, .comments-area .post-password-form input[type='password']:focus::-webkit-input-placeholder { color: #7f8385; } .comments-area #respond textarea:focus:-moz-placeholder, .comments-area #respond input[type='text']:focus:-moz-placeholder, .comments-area .contact_form input[type='text']:focus:-moz-placeholder, .comments-area .contact_form textarea:focus:-moz-placeholder, .comments-area .post-password-form input[type='password']:focus:-moz-placeholder { color: #7f8385; } .comments-area #respond textarea:focus::-moz-placeholder, .comments-area #respond input[type='text']:focus::-moz-placeholder, .comments-area .contact_form input[type='text']:focus::-moz-placeholder, .comments-area .contact_form textarea:focus::-moz-placeholder, .comments-area .post-password-form input[type='password']:focus::-moz-placeholder { color: #7f8385; } .comments-area #respond textarea:focus:-ms-input-placeholder, .comments-area #respond input[type='text']:focus:-ms-input-placeholder, .comments-area .contact_form input[type='text']:focus:-ms-input-placeholder, .comments-area .contact_form textarea:focus:-ms-input-placeholder, .comments-area .post-password-form input[type='password']:focus:-ms-input-placeholder { color: #7f8385; } .comments-area div.comment_form { display: inline-block; margin: 0 0 40px; width: 100%; padding: 0; } .comments-area div.comment_form form p.form-submit, .comments-area div.comment_holder .comment p.form-submit { margin: 0; } .comments-area div.comment_form form p.form-submit .success p { margin: 10px 0 0; } .comments-area div.comment_form form p.logged-in-as { margin: 0 0 17px; font-size: 12px; font-weight: 400; } .comments-area div.comment_form form p.logged-in-as a { color: #bfa97d; } .comments-area div.comment_form form p.logged-in-as a:hover { color: #9d9d9d; } .comments-area #cancel-comment-reply-link { margin: 0; text-align: right; color: #333; background-color: #ff9ca9; display: inline; float: right; margin-top: 8px; border-radius: 25px; padding: 6px 9px; font-size: 12px; font-weight: bold; letter-spacing: 2px; line-height: 1; border: none; transition: all 200ms ease-in; } .comments-area #cancel-comment-reply-link:hover { color: white; } .comments-area .comment-form .submit, .comments-area .form-submit input[type='submit'] { background: #ff9ca9; line-height: 1px; font-size: 14px; font-weight: normal; border-radius: 0; padding: 17px 10px; outline: none; display: inline-block; width: auto; text-transform: uppercase !important; transition: all .3s ease; } .comments-area .comment-form .submit:hover, .comments-area .form-submit input[type='submit']:hover { background: #434343; } /* ========================================================================== Sidebar ========================================================================== */ .sidebar_pic { text-align: center; } .stuck { position: fixed; top: 0; } .gum-sidebar-wrapper:after { width: 1px; height: 100%; background: #F7F7F7; position: absolute; left: 0; top: 0; content: ''; display: inline-block; } @media (max-width: 480px) { .gum-sidebar-wrapper:after { display: none; } } .content_left_sidebar .gum-sidebar-wrapper:after { left: auto; right: 0; } .sticky-wrapper { display: block; min-width: 200px; position: relative; left: auto; right: auto; top: auto; bottom: auto; vertical-align: top; } #secondary { margin-left: 0; min-width: 300px; margin-bottom: 0; padding-top: 0; } .stuck { top: 0; bottom: auto; left: 0; right: auto; position: fixed; } .at-bottom { top: auto; bottom: 0; left: 0px; right: auto; position: absolute; } .stuck-top { width: 383px; top: 0; left: 0px; right: auto; position: absolute; } /** Page builder */ .gum_pb_right_sidebar .gum-sidebar-wrapper:after { left: -15px; } .gum_pb_left_sidebar .gum-sidebar-wrapper:after { left: auto; right: -15px; } /* ========================================================================== Widget ========================================================================== */ .gum-widget-wrapper { position: relative; } .widget { margin-bottom: 20px; } .widget .post_date { font-size: 11px; } .widget .post_date a { font-size: 11px; } .widget .widget-title { font-size: 18px; margin: 10px 0; text-align: left; border-bottom: 1px solid #dddddd; padding: 0 0 5px 0; margin: 0 0 10px 0; } .widget ul { list-style: none; margin: 0; padding: 0; } .widget ul li { margin-bottom: 7px; } .widget ul.gum-post-cat li a:hover { color: white; } .widget .gum-about-widget-img { width: 100%; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Search widget. */ .widget_search .search-submit { display: none; } .widget .search-form label { width: 100%; } .widget .search-form .search-field { border: 1px solid #efefef; padding: 10px; border-radius: 5px; width: 100%; } /** pagination */ .gum_widget_pagination { display: block; text-align: right; margin: 0 0 20px 0; } @media (max-width: 375px) { .gum_widget_pagination { margin: 10px 0 20px 0; } } .gum_widget_pagination li a { display: inline-block; float: none; } .widget_recent_entries ul li a:hover { color: #000; } /** Pagination - Loadmore */ .gum-w-pagi-loadmore { display: block; text-align: center; } .gum-w-pagi-loadmore li a { display: inline-block; float: none; } .gum_footer_widget { padding-top: 0; margin-bottom: 0; } .widget .gum_post_fullgrid ul.gum-post-cat li:hover { background-color: black !important; } .widget .gum_post_fullgrid .gum_post_data .p_title { font-size: 16px; color: #fff; line-height: 16px; font-weight: bold; display: block; margin-bottom: 0; } .widget .gum_post_fullgrid .gum_post_data ul.pull-left { list-style: none; margin: 0; padding: 0px; } .widget .gum_post_fullgrid .gum_post_data ul.pull-left li { margin-bottom: 0; color: white; } .widget .gum-block-2-wrapper .gum-block-2 .gum-block-data { padding-left: 0 !important; text-align: center; padding-top: 15px; } .widget .gum-block-2-wrapper .gum-block-2 .gum-block-data h2 a:hover { color: black; } .widget .gum-block-5-wrapper .gum-block-data h2 { font-size: 16px; font-size: 14px; padding-bottom: 5px; margin-bottom: 0; line-height: 20px; font-weight: bold; } .widget .gum-block-5-wrapper .gum-block-data h2 a { font-size: inherit !important; color: black; } .widget .gum-block-5-wrapper .gum-block-data h2 a:hover { color: #ff9ca9; } /* ========================================================================== Popular posts ========================================================================== */ .gum_widget_image { padding-left: 0; } .gum_widget_image img { width: 100%; } .gum_sidebar_post { margin-bottom: 10px; } /* ========================================================================== Social Widget ========================================================================== */ /*Change icons size here*/ .widget .social-icons { text-align: center; } .widget .social-icons li { width: 32px; display: inline-block; margin-right: 10px; border-bottom: none; } .social-icons .fa { font-size: 1.2em; } /*Change icons circle size and color here*/ .social-icons .fa { color: rgba(255, 255, 255, 0.8); height: 32px; line-height: 32px; text-align: center; width: 32px; background-color: #fd707a; border-color: #fd707a; transition: all 0.3s ease-in-out; } .social-icons.icon-circle .fa { border-radius: 50%; } .social-icons.icon-rounded .fa { border-radius: 5px; } .social-icons.icon-flat .fa { border-radius: 0; } .social-icons .fa:hover, .social-icons .fa:active { color: #FFF; box-shadow: 1px 1px 3px #333; } .social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { -webkit-transform: scale(1.1); transform: scale(1.1); } .social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { -webkit-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg); } .social-icons .fa-adn:hover { background-color: #504e54; } .social-icons .fa-apple:hover { background-color: #aeb5c5; } .social-icons .fa-android:hover { background-color: #A5C63B; } .social-icons .fa-bitbucket:hover, .social-icons .fa-bitbucket-square:hover { background-color: #003366; } .social-icons .fa-bitcoin:hover, .social-icons .fa-btc:hover { background-color: #F7931A; } .social-icons .fa-css3:hover { background-color: #1572B7; } .social-icons .fa-dribbble:hover { background-color: #F46899; } .social-icons .fa-dropbox:hover { background-color: #018BD3; } .social-icons .fa-facebook:hover, .social-icons .fa-facebook-square:hover { background-color: #3C599F; } .social-icons .fa-flickr:hover { background-color: #FF0084; } .social-icons .fa-foursquare:hover { background-color: #0086BE; } .social-icons .fa-github:hover, .social-icons .fa-github-alt:hover, .social-icons .fa-github-square:hover { background-color: #070709; } .social-icons .fa-pinterest:hover, .social-icons .fa-pinterest-square:hover { background-color: #CF3D2E; } .social-icons .fa-html5:hover { background-color: #E54D26; } .social-icons .fa-instagram:hover { background-color: #A1755C; } .social-icons .fa-linkedin:hover, .social-icons .fa-linkedin-square:hover { background-color: #0085AE; } .social-icons .fa-linux:hover { background-color: #FBC002; color: #333; } .social-icons .fa-maxcdn:hover { background-color: #F6AE1C; } .social-icons .fa-pagelines:hover { background-color: #241E20; color: #3984EA; } .social-icons .fa-pinterest:hover, .social-icons .fa-pinterest-square:hover { background-color: #CC2127; } .social-icons .fa-renren:hover { background-color: #025DAC; } .social-icons .fa-skype:hover { background-color: #01AEF2; } .social-icons .fa-stack-exchange:hover { background-color: #245590; } .social-icons .fa-stack-overflow:hover { background-color: #FF7300; } .social-icons .fa-trello:hover { background-color: #265A7F; } .social-icons .fa-tumblr:hover, .social-icons .fa-tumblr-square:hover { background-color: #314E6C; } .social-icons .fa-twitter:hover, .social-icons .fa-twitter-square:hover { background-color: #32CCFE; } .social-icons .fa-vimeo-square { background-color: #229ACC; } .social-icons .fa-vk { background-color: #375474; } .social-icons .fa-weibo { background-color: #D72B2B; } .social-icons .fa-windows { background-color: #12B6F3; } .social-icons .fa-xing, .social-icons .fa-xing-square { background-color: #00555C; } .social-icons .fa-youtube:hover, .social-icons .fa-youtube-play:hover, .social-icons .fa-youtube-square:hover { background-color: #C52F30; } /* ========================================================================== Social Counter Widget ========================================================================== */ .widget.gum-social-counter { /** Style 2 **/ } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li { margin-bottom: 10px; } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a { display: block; background-color: #666; color: #fff; text-align: left; line-height: 35px; border-radius: 3px; transition: all 0.2s ease-in-out; } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a .icon { display: inline-block; float: left; width: 38px; font-size: 15px; text-align: center; margin-right: 10px; background: rgba(0, 0, 0, 0.07); } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a .follow_text { display: inline-block; float: right; padding-right: 10px; text-transform: uppercase; font-size: 12px; } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a.a-facebook { background: #4263a9; } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a.a-twitter { background-color: #29c5f6; } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a.a-instagram { background: #E4405F; } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a.a-youtube { background-color: #e14e42; } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a.a-github { background-color: #2f2f2f; } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a.a-pinterest { background-color: #BD081C; } .widget.gum-social-counter .gum-sc-style1 .gum-widget-block ul li a:hover { opacity: .9; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li { margin-bottom: 10px; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a { display: block; background-color: #666; color: #fff; text-align: left; line-height: 35px; border-radius: 3px; transition: all 0.2s ease-in-out; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a .icon { display: inline-block; float: left; width: 38px; font-size: 15px; text-align: center; margin-right: 10px; background: rgba(0, 0, 0, 0.07); } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a .follow_text { display: inline-block; float: right; padding-right: 10px; text-transform: uppercase; font-size: 12px; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a.a-facebook:hover { background: #4263a9; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a.a-twitter:hover { background-color: #29c5f6; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a.a-instagram:hover { background: #E4405F; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a.a-youtube:hover { background-color: #e14e42; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a.a-github:hover { background-color: #2f2f2f; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a.a-pinterest:hover { background-color: #BD081C; } .widget.gum-social-counter .gum-sc-style2 .gum-widget-block ul li a:hover { opacity: .9; } /***** ******* Contact form 7 ****/ .wpcf7-form .wpcf7-text { width: 75%; height: 35px; border: 1px solid #D3A9AB; margin-top: 5px; } .wpcf7-textarea { width: 75%; border: 1px solid #D3A9AB; margin-top: 5px; } .wpcf7-submit { border: none; background-color: #FD707A; color: #fff; /* width: 30%; */ padding: 10px 30px; } /* ========================================================================== FOOTER STYLES ========================================================================== */ /* Example partial for footer styles */ #site-footer { font-size: 13px; color: #ffffff; } .site-footer p, .site-footer .gum-block-wrapper ul li, .site-footer .gum-block-wrapper .block-post-author.divider:after { color: #ffffff; } .site-footer a { color: #ffffff; font-size: 13px; } .site-footer a:hover { color: #fff; } .site-footer ul { list-style: none; margin: 0px; padding: 0; zoom: 1; } .site-footer ul:before, .site-footer ul:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-footer ul:after { clear: both; } .site-footer li a { text-decoration: none; } .site-footer .widget-title { font-size: 22px; border-bottom: none; color: #ffffff; } .site-footer .gum-block-wrapper .gum-block-post-title a { color: #ffffff; } .site-footer .gum-block:hover .gum-block-post-title a { color: #fff; } .site-footer .footer_logo_wrapper { display: block; margin: 20px 0; text-align: center; } .site-footer .footer_logo_wrapper a img { max-width: 100%; } .site-footer .footer_info_content { font-size: 16px; margin-bottom: 20px; } .site-footer .footer_info_email { margin-bottom: 20px; } .site-footer .footer_info_social { margin-bottom: 20px; } .site-footer .footer_info_social ul li { display: inline-block; margin-right: 10px; } .site-footer .footer_info_social ul li a { font-size: 18px; } .site-footer .style4 { width: 500px; padding-top: 30px; margin: 0 auto; text-align: center; } @media (max-width: 768px) { .site-footer .style4 { width: 100%; } } .footer_nav { background: #000; padding-top: 20px; padding-bottom: 20px; } .menu-footer .sf-menu { margin: 0; padding: 0; float: none; width: 100%; display: block; text-align: right; list-style-type: none; } .menu-footer .sf-menu li { background: transparent; display: inline-block; float: none; border: 0px solid transparent; } .menu-footer .sf-menu li:hover a { text-decoration: none; color: #fff; } .menu-footer .sf-menu a { color: #ffffff; padding: 0px 6px; font-size: 14px; display: block; border: 0px solid transparent; } .menu-footer .sf-menu a:hover { color: white; } .menu-footer .sf-menu .menu-item-has-children { padding-right: 8px; } .menu-footer .sf-menu .sf-arrows .sf-with-ul { padding-right: 3px; } .menu-footer .sf-menu.sf-arrows .sf-with-ul:after { font-family: 'fontawesome'; position: absolute; top: 41%; right: 0; margin-top: -3px; border: none; font-weight: normal; font-size: 11px; color: #F0F0F0; content: "\f107"; } .menu-footer .sf-menu ul { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); min-width: 12em; background: #373c43; } .menu-footer .sf-menu ul li { display: block; } .menu-footer .sf-menu ul li:hover { background: #fff; } .menu-footer .sf-menu ul li:hover a { color: #000; } .menu-footer .sf-menu ul li a { color: #fff; } .copyright { color: #ffffff; } .copyright p { color: #ffffff; } .devby { text-align: right; font-size: 11px; margin: 20px 0; } /** below rules are used to extend. **/ .site-text-color, .main-menu-wrapper .sf-menu .gum_mega .gum_mega_menu_post_item_wrapper:hover a, .gum-single-post .postmeta a:hover { color: #ff9ca9; } .site-bg-color, .featured-slider .featured-content .featured-text .featured-cat a a:hover, .featured-slider .featured-content .featured-text .featured-cat a:hover, .gum-single-post .post-cat a:hover, .gum-single-post .post-cat:hover { background-color: #ff9ca9; } /** Instgram */ .footer-instagram-widget-wrapper .title { text-align: center; font-size: 26px; margin-bottom: 20px; } @media (max-width: 768px) { .footer-instagram-widget-wrapper .title { font-size: 18px; } } .footer-instagram-widget-wrapper .footer-instagram-widget a { display: block; float: left; width: 25%; transition: all 0.1s; } .footer-instagram-widget-wrapper .footer-instagram-widget a img { width: 100%; } .footer-instagram-widget-wrapper .footer-instagram-widget a:hover { /* IE 9 */ -webkit-transform: scale(1.1, 1.1); /* Safari */ transform: scale(1.03, 1.03); z-index: 9999; cursor: pointer; background-color: #fff; } .footer-instagram-widget-wrapper .footer-instagram-widget a:last-of-type { /* IE 9 */ -webkit-transform: none; /* Safari */ transform: none; z-index: 9999; cursor: pointer; background-color: #fff; } .footer_nav .copyright1 { text-align: center; padding: 10px 0px; } .footer_nav .copyright1 p, .footer_nav .copyright1 div { display: inline-block; } .footer_nav .copyright1 .footer_info_content { font-size: 16px; } /* ========================================================================== FONT STYLES ========================================================================== */ .magin-top-15px-big { margin-top: 15px; } *, *::after, *::before { box-sizing: border-box; } h1, h2, h3, h4, h5, h6, a, strong, b { font-family: 'Montserrat', sans-serif; } p.excerpt { color: gray; text-align: justify; } a { text-decoration: none !important; } a:focus { outline: thin dotted; } ul { margin: 0px; padding: 0px; } ul li { list-style-type: none; } html { overflow-x: hidden !important; } body { margin: 0px; position: relative; padding: 0px; width: 100%; background-color: #fff; } .fluid { padding-left: 7px !important; padding-right: 7px !important; } button:active { -webkit-transform: scale(0.98); transform: scale(0.98); } .form-control, .btn:focus { box-shadow: none !important; } .common-title { position: relative; display: flex; margin: 0 auto; clear: both; width: 100%; justify-content: center; align-items: center; margin-bottom: 25px; } @media (max-width: 767px) { .common-title { margin-bottom: 20px !important; } } .common-title .span { position: absolute; left: 45px; top: 11px; content: ""; width: 60px; height: 2px; border-radius: 100%; background: linear-gradient(to right, #ffd0d6, #ff9ca9, #ffd0d6); margin-right: 8px; } @media (max-width: 991px) { .common-title .span { width: 55px; } } @media (max-width: 767px) { .common-title .span { width: 50px; } } @media (max-width: 576px) { .common-title .span { width: 45px; } } @media (max-width: 576px) { .common-title .span { width: 40px; } } .common-title h2 { margin-left: 8px; font-size: 24px; margin: 0px; } @media (max-width: 991px) { .common-title h2 { font-size: 22px; } } @media (max-width: 767px) { .common-title h2 { font-size: 20px; } } @media (max-width: 576px) { .common-title h2 { font-size: 19px; } } /*body::-webkit-scrollbar { width: 12px; background-color: #fff; position: absolute; } body::-webkit-scrollbar-thumb { border-radius: 1px; background: $pink; } body::-webkit-scrollbar-track { border-radius: 1px; background-color: #fff; } */ .header .wraper { display: flex; justify-content: space-between; align-items: center; position: relative; } .header .wraper ul li a { color: #fff; } .header .wraper ul li a:hover { color: #ff9ca9; } .header .wraper .btn-default { color: #fff; } @media (min-width: 768px) { .header .wraper .btn-default { display: none; } } .header .wraper .btn-default:hover { color: #ff9ca9; } .header .wraper .nav-links li a { font-size: 15px; font-weight: bold; color: white !important; padding: 7px 15px; display: inline-block; } @media (max-width: 767px) { .header .wraper .nav-links { position: absolute; display: none; background: #000; top: 100%; z-index: 100; min-width: 150px; } .header .wraper .nav-links li { display: block; } } .header .wraper .social-links { margin-left: auto; } .header .wraper .social-links li a { display: inline-block; padding: 10px 5px; } .brand { padding: 40px 0px; } @media (max-width: 767px) { .brand { padding: 20px 0px; } } .brand a { display: block; clear: both; text-align: center; } .brand a img { max-height: 80px; } @media (max-width: 767px) { .brand a img { max-height: 50px; } } .gum-header-style2 .top-bar .top-social ul li a { color: white; } .gum-header-style2 .main-logo-wrapper { text-align: center; margin: 25px 0; } .gum-header-style2 .header-content .main-logo-wrapper .col-md-4.ad-img2 { padding-left: 0; margin-left: -5px; } .gum-header-style1 .header-content { padding: 25px 0 0; } .gum-header-style1 .logo-wrapper { text-align: center; } .trending .common-title { margin: 10px 0px 50px; } .trending .posts { margin: 0px -5px; display: flex; flex-wrap: wrap; } .trending .posts .post { padding: 0px 8px; width: calc(100% / 5); margin-bottom: 10px; } @media (max-width: 1199px) { .trending .posts .post { width: calc(100% / 4); } } @media (max-width: 991px) { .trending .posts .post { width: calc(100% / 3); } } @media (max-width: 767px) { .trending .posts .post { width: calc(100% / 2); } } @media (max-width: 576px) { .trending .posts .post { width: calc(100% / 1); max-width: 320px; margin: 0 auto 20px; } } .trending .posts .post .img-holder { position: relative; } .trending .posts .post .img-holder img { width: 100%; } .trending .posts .post .img-holder .tag { position: absolute; bottom: 0px; left: 0px; padding: 5px 10px; background: #ffd0d6; color: #111; } .trending .posts .post .img-holder .tag h5 { margin: 0px; font-size: 16px; } .trending .posts .post h2 a { font-family: pop; font-size: 18px; letter-spacing: 2px; text-align: center; margin: 10px 0px; display: block; } .trending .posts .post h2 a:hover { color: #ff9ca9; } .fashion .common-title { margin: 40px 0px 60px; } .fashion .main-posts .post { margin-bottom: 20px; } .fashion .main-posts .post .img-holder { position: relative; } .fashion .main-posts .post .img-holder img { width: 100%; } .fashion .main-posts .post .img-holder:hover .mask { opacity: 1; } .fashion .main-posts .post .tag { position: absolute; bottom: 0px; left: 0px; padding: 5px 10px; background: #ffd0d6; color: #111; z-index: 50; } .fashion .main-posts .post .tag h5 { margin: 0px; font-size: 16px; } .fashion .main-posts .post .mask { transition: all .2s ease-out; z-index: 30; cursor: pointer; opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #00000080; display: flex; align-items: center; justify-content: center; } .fashion .main-posts .post .mask p { color: #ffffff; text-align: center; font-family: pop; } .fashion .main-posts .post .mask>i { color: #ffffff99; } .fashion .main-posts .post .mask .fa-hand-point-up { position: absolute; bottom: 10px; right: 10px; font-size: 20px; } .fashion .main-posts .post ul { display: flex; margin: 15px 0px; flex-wrap: wrap; } .fashion .main-posts .post ul li { font-size: 13px; font-family: pop; } @media (max-width: 991px) { .fashion .main-posts .post ul li { flex-grow: 1; } } .fashion .main-posts .post ul li:last-child { margin-left: auto; text-transform: none; } @media (max-width: 1199px) { .fashion .main-posts .post ul li { font-size: 12px; } } .fashion .main-posts .post ul li i { color: #ff9ca9; margin-right: 3px; } .fashion .main-posts .post ul li~li { margin-left: 15px; } .fashion .main-posts .post h2 { font-size: 24px; position: relative; } @media (max-width: 1199px) { .fashion .main-posts .post h2 { font-size: 20px; } } .fashion .main-posts .post h2 a { color: #111; position: relative; } .fashion .main-posts .post h2 a:hover { color: #ff9ca9; } .fashion .main-posts .post p { color: #777; } @media (max-width: 1199px) { .fashion .main-posts .post p { font-size: 14px; } } .fashion .small-posts { margin-top: 20px; margin-bottom: 20px; } .fashion .small-posts .post { margin-bottom: 20px; } .fashion .small-posts .post .img-holder { position: relative; } .fashion .small-posts .post .img-holder img { width: 100%; } .fashion .small-posts .post .img-holder:hover .mask { opacity: 1; } .fashion .small-posts .post .tag { position: absolute; bottom: 0px; left: 0px; padding: 5px 10px; background: #ffd0d6; color: #111; z-index: 50; } .fashion .small-posts .post .tag h5 { margin: 0px; font-size: 16px; } .fashion .small-posts .post .mask { transition: all .2s ease-out; z-index: 30; cursor: pointer; opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #00000080; display: flex; align-items: center; justify-content: center; } .fashion .small-posts .post .mask p { color: #ffffff; text-align: center; font-family: pop; } .fashion .small-posts .post .mask>i { color: #ffffff99; } .fashion .small-posts .post ul { display: flex; margin: 15px 0px; flex-wrap: wrap; } .fashion .small-posts .post ul li { font-size: 13px; font-family: pop; } .fashion .small-posts .post ul li:last-child { margin-left: auto; text-transform: none; } @media (max-width: 1199px) { .fashion .small-posts .post ul li { font-size: 12px; } } .fashion .small-posts .post ul li i { color: #ff9ca9; margin-right: 3px; } .fashion .small-posts .post ul li~li { margin-left: 15px; } .fashion .small-posts .post h2 { font-size: 24px; position: relative; } @media (max-width: 1199px) { .fashion .small-posts .post h2 { font-size: 20px; } } .fashion .small-posts .post h2 a { color: #111; position: relative; } .fashion .small-posts .post h2 a:hover { color: #ff9ca9; } .fashion .small-posts .post p { color: #777; } @media (max-width: 1199px) { .fashion .small-posts .post p { font-size: 14px; } } .sector .articles~.articles { margin-top: 40px; } .sector .articles .common-title { margin: 0px 0px 50px; } .sector .articles .big-post { margin-bottom: 50px; } .sector .articles .big-post~.big-post { margin-top: -35px; } .sector .articles .big-post .img-holder { position: relative; } .sector .articles .big-post .img-holder img { width: 100%; } .sector .articles .big-post .img-holder:hover .mask { opacity: 1; } .sector .articles .big-post .tag { position: absolute; bottom: 0px; left: 0px; padding: 5px 10px; background: #ff9ca9; color: #111; z-index: 50; } .sector .articles .big-post .tag h5 { margin: 0px; font-size: 16px; } .sector .articles .big-post .mask { transition: all 0.2s ease-out; z-index: 30; cursor: pointer; opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #00000080; display: flex; align-items: center; justify-content: center; } .sector .articles .big-post .mask p { color: #ffffff; text-align: center; font-family: pop; } .sector .articles .big-post .mask>i { color: #ffffff99; } .sector .articles .big-post .mask .fa-hand-point-up { position: absolute; bottom: 10px; right: 10px; font-size: 20px; } .sector .articles .big-post ul { display: flex; margin: 15px 0px; flex-wrap: wrap; } .sector .articles .big-post ul li { font-size: 13px; font-family: pop; } @media (max-width: 991px) { .sector .articles .big-post ul li { flex-grow: 1; } } .sector .articles .big-post ul li:last-child { margin-left: auto; text-transform: none; } @media (max-width: 1199px) { .sector .articles .big-post ul li { font-size: 12px; } } .sector .articles .big-post ul li i { color: #ff9ca9; margin-right: 3px; } .sector .articles .big-post ul li~li { margin-left: 15px; } .sector .articles .big-post h2 { font-size: 24px; position: relative; } @media (max-width: 1199px) { .sector .articles .big-post h2 { font-size: 20px; } } .sector .articles .big-post h2 a { color: #111; position: relative; } .sector .articles .big-post h2 a:hover { color: #ff9ca9; } .sector .articles .big-post p { color: #777777; } @media (max-width: 1199px) { .sector .articles .big-post p { font-size: 14px; } } .sector .articles .small-posts { clear: both; margin-top: 20px; margin-bottom: 20px; } .sector .articles .small-posts .post { margin-bottom: 20px; } .sector .articles .small-posts .post .img-holder { position: relative; } .sector .articles .small-posts .post .img-holder img { width: 100%; } .sector .articles .small-posts .post .img-holder:hover .mask { opacity: 1; } .sector .articles .small-posts .post .tag { position: absolute; bottom: 0px; left: 0px; padding: 5px 10px; background: #ff9ca9; color: #111; z-index: 50; } .sector .articles .small-posts .post .tag h5 { margin: 0px; font-size: 16px; } .sector .articles .small-posts .post .mask { transition: all .2s ease-out; z-index: 30; cursor: pointer; opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #00000080; display: flex; align-items: center; justify-content: center; } .sector .articles .small-posts .post .mask p { color: #ffffff; text-align: center; font-family: pop; } .sector .articles .small-posts .post .mask>i { color: #ffffff99; } .sector .articles .small-posts .post ul { display: flex; margin: 15px 0px; flex-wrap: wrap; } .sector .articles .small-posts .post ul li { font-size: 13px; font-family: pop; } .sector .articles .small-posts .post ul li:last-child { margin-left: auto; text-transform: none; } @media (max-width: 1199px) { .sector .articles .small-posts .post ul li { font-size: 12px; } } .sector .articles .small-posts .post ul li i { color: #ff9ca9; margin-right: 3px; } .sector .articles .small-posts .post ul li~li { margin-left: 15px; } .sector .articles .small-posts .post h2 { font-size: 20px; position: relative; } @media (max-width: 1199px) { .sector .articles .small-posts .post h2 { font-size: 18px; } } .sector .articles .small-posts .post h2 a { color: #111; position: relative; } .sector .articles .small-posts .post h2 a:hover { color: #ff9ca9; } .sector .articles .small-posts .post p { color: #777777; font-size: 14px; } @media (max-width: 1199px) { .sector .articles .small-posts .post p { font-size: 14px; } } .sector .articles .description-posts { margin: 20px 0px; } .sector .articles .description-posts .post { display: flex; align-items: center; margin-bottom: 15px; } .sector .articles .description-posts .post img { margin-right: 10px; max-width: 100px; } .sector .articles .description-posts .post .text h5 { font-size: 15px; margin: 5px 0px; } @media (max-width: 991px) { .sector .articles .description-posts .post .text h5 { font-size: 13px; margin: 0px 0px 5px; } .gum-post-grid-block-3 .small-posts-wrapper.col-sm-3 .small-posts .post h2 a { font-size: 16px; } } .sector .articles .description-posts .post .text h5 a { color: #111; } .sector .articles .description-posts .post .text h5 a:hover { color: #ff9ca9; } .sector .articles .description-posts .post .text p { color: #777; font-size: 14px; } @media (max-width: 991px) { .sector .articles .description-posts .post .text p { font-size: 13px; } } .sector .articles .description-posts .post .text p i { margin-right: 5px; color: #ff9ca9; } .sector .slide-posts .common-title { margin: 50px 0px; } .sector .slide-posts .slide { margin-bottom: 20px; } .sector .slide-posts .slide>.row { align-items: center; } .sector .slide-posts .slide .content ul { margin-bottom: 10px; } .sector .slide-posts .slide .content ul li { font-size: 13px; } .sector .slide-posts .slide .content ul li~li { margin-left: 10px; } .sector .slide-posts .slide .content ul li i { margin-right: 5px; color: #ff9ca9; } .sector .slide-posts .slide .content h2 { font-size: 32px; } .sector .slide-posts .slide .content h2 a { color: #111; } .sector .slide-posts .slide .content h2 a:hover { color: #ff9ca9; } .sector .slide-posts .slide .content p { color: #777; } .sector .pagination li { border-radius: 0px; } .sector .pagination li a { border: none; background: #111; color: #fff; border-radius: 0px !important; } .sector .pagination li a:hover { color: #111; background: #ff9ca9; } @media (max-width: 677px) { .sector .side-pannels { padding-top: 0; } } .sector .side-pannels .side-post img { margin-bottom: 15px; width: 100%; } .sector .side-pannels .side-post p { font-size: 24px; text-align: center; margin: 5px 0px 10px; color: black; font-family: 'Montserrat', sans-serif; } .sector .side-pannels .side-post p a:hover { color: #ff9ca9; } .sector .side-pannels .newsletter { background: #eee; padding: 20px 30px 40px; text-align: center; margin: 40px 0px; } .sector .side-pannels .newsletter .common-title { margin: 10px 0px 20px; } .sector .side-pannels .newsletter p { margin: 0px 0px 20px; font-size: 15px; } .sector .side-pannels .newsletter .form-group { margin: 0px 0px 20px; } .sector .side-pannels .newsletter .form-group .form-control { border: none; border-bottom: 1px solid #111; border-radius: 0px; background: transparent; text-align: center; } .sector .side-pannels .newsletter .form-group .form-control::-webkit-input-placeholder { color: #bbb; } .sector .side-pannels .newsletter .form-group .form-control:-ms-input-placeholder { color: #bbb; } .sector .side-pannels .newsletter .form-group .form-control::-ms-input-placeholder { color: #bbb; } .sector .side-pannels .newsletter .form-group .form-control::placeholder { color: #bbb; } .sector .side-pannels .newsletter .form-group .form-control:focus { border-color: #ff9ca9; } @media (max-width: 678px) { .sector .side-pannels .newsletter .form-group .form-control { width: 100% !important; } } .sector .side-pannels .newsletter .btn-default { background: #ff9ca9; color: white; border-radius: 0px; width: 100%; display: block; padding: 10px 10px 9px; font-weight: bold; border: none; } .sector .side-pannels .newsletter .btn-default:hover { border: none; color: black; } .follow-us { margin: 0; text-align: center; } .follow-us ul { display: inline-flex; justify-content: space-around; align-items: center; margin: 25px auto 10px; width: 100%; max-width: 300px; } .follow-us ul li a { display: inline-block; transition: 0.2s ease-out; width: 30px; height: 30px; background-color: #111; color: #fff; text-align: center; line-height: 30px; border-radius: 100%; font-size: 18px; } .follow-us ul li a:hover { background-color: #ff9ca9; color: white; } .gum_ad { padding: 15px; background: #eee; } .gum_ad .gum-grid-block-title { margin: 0; } .follow-us ul li:nth-child(3) a { -webkit-transform: scale(1.1); transform: scale(1.1); font-size: 22px; height: 45px; width: 45px; line-height: 45px; } .sector .side-pannels .popular { background: #eee; padding: 30px 15px; } .sector .side-pannels .popular .common-title { margin: 0px 0px 20px; } .sector .side-pannels .popular .popular-post { margin-bottom: 15px; } .sector .side-pannels .popular .popular-post .img-holder .mask { box-shadow: inset 0px -100px 50px -50px rgba(0, 0, 0, 0.8); } .sector .side-pannels .popular .popular-post .img-holder .mask h2 a:hover { color: #ff9ca9; } .sector .side-pannels .popular .popular-post .img-holder { position: relative; } .sector .side-pannels .popular .popular-post .img-holder img { width: 100%; } .sector .side-pannels .popular .popular-post .mask { position: absolute; transition: 0.2s ease-out; z-index: 20; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; text-align: center; color: #fff; box-shadow: inset 0px -100px 50px -50px rgba(0, 0, 0, 0.5); } .sector .side-pannels .popular .popular-post .mask h2 a { color: white; } .sector .side-pannels .tags-list .common-title { margin: 25px 0px; } .sector .side-pannels .tags-list ul li { display: inline-block; margin-right: 6px !important; margin-bottom: 10px !important; } .sector .side-pannels .tags-list ul li a { font-style: italic; background: #eee; color: black; padding: 5px 10px; display: inline-block; width: 100%; } .sector .side-pannels .tags-list ul li a:hover { color: #111; background: #ff9ca9; } .sector .side-pannels .ctg-list .common-title { margin: 30px 0px 25px; } .sector .side-pannels .ctg-list ul { width: 100%; } .sector .side-pannels .ctg-list ul li { width: 100%; display: block; } .sector .side-pannels .ctg-list ul li a { padding: 6px 0px; color: black; display: flex; align-items: center; justify-content: space-between; font-size: 16px; } .sector .side-pannels .ctg-list ul li a span { font-family: inherit; font-weight: bold; } .sector .side-pannels .ctg-list ul li a:hover * { color: #ff9ca9; } @media (max-width: 677px) { .sector .side-pannels .ctg-list ul li a { font-size: 12px; } } @media (max-width: 677px) { .sector .side-pannels .widget { margin-bottom: 5px; } } @media (max-width: 677px) { .sector .side-pannels .widget .gum-widget-wrapper, .sector .side-pannels .widget .tagcloud { margin: 20px 0px; } } @media (max-width: 677px) { .sector { margin: 10px 0px; } } .small-posts { clear: both; margin-bottom: 0; } .small-posts .post { margin-bottom: 20px; } .small-posts .post .img-holder { position: relative; } .small-posts .post .img-holder img { width: 100%; height: 100%; } .small-posts .post .img-holder:hover .mask { opacity: 1; } .small-posts .post .tag { position: absolute; bottom: 0px; left: 0px; color: #000000; z-index: 50; } .small-posts .post .tag ul { margin: 0; } .small-posts .post .tag ul li { background-color: #ff9ca9; } .small-posts .post .tag ul li a { margin: 0px; font-size: 13px; color: white; } .small-posts .post .tag ul li a:hover { text-decoration: none; color: white; } @media (max-width: 677px) { .small-posts .post .tag ul li a { font-size: 12px; } } @media (min-width: 678px) and (max-width: 1024px) { .small-posts .post .tag ul li a { font-size: 12px; } } .small-posts .post .mask { transition: all .2s ease-out; z-index: 30; cursor: pointer; opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #00000080; display: flex; align-items: center; justify-content: center; color: white; } .small-posts .post .mask p { list-style: none; text-align: center; color: white; } .small-posts .post .mask>i { color: #ffffff99; } .small-posts .post ul { display: flex; margin: 10px 0px; flex-wrap: wrap; } .small-posts .post ul li { font-size: 13px; text-transform: inherit; } .small-posts .post ul li:last-child { margin-left: auto; text-transform: none; } @media (max-width: 1199px) { .small-posts .post ul li { font-size: 12px; } } .small-posts .post ul li i { color: #ff9ca9; margin-right: 3px; font-weight: bold; } .small-posts .post ul li~li { margin-left: 10px; } .small-posts .post h2 { font-size: 16px; position: relative; margin-bottom: 10px; line-height: 25px; } @media (min-width: 768px) and (max-width: 1024px) { .small-posts .post h2 { font-size: 18px; } } .small-posts .post h2 a { position: relative; font-size: 20px; font-weight: bold; color: #333333; } .small-posts .post h2 a:hover { color: #ff9ca9; } @media (max-width: 1199px) { .small-posts .post p { font-size: 14px; } } .description-posts .post { display: flex; align-items: center; margin-bottom: 15px; } .description-posts .post a.gum-block-post-img { flex: 1.1; } @media (max-width: 375px) { .description-posts .post a.gum-block-post-img { flex: 1 !important; } } .description-posts .post .gum-block-data { flex: 2; } @media (max-width: 375px) { .description-posts .post .gum-block-data { flex: 1 !important; } } .description-posts .post h5 { font-size: 15px; margin: 5px 0px; } @media (max-width: 991px) { .description-posts .post h5 { font-size: 13px; margin: 0px 0px 5px; } } .description-posts .post h5 a { color: #111; } .description-posts .post h5 a:hover { color: #ff9ca9; } .description-posts .post p { color: #777; font-size: 14px; } @media (max-width: 991px) { .description-posts .post p { font-size: 13px; } } .description-posts .post p i { margin-right: 5px; color: #ff9ca9; } .description-posts .post .fa-calendar { margin-right: 5px; color: #ff9ca9; } .slide { margin-bottom: 20px; } .slide>.row { align-items: center; } .slide .content ul { margin-bottom: 10px; margin: 5px 0px; } @media (max-width: 677px) { .slide .content ul { margin: 5px 0px; } } .slide .content ul li { font-size: 13px; } .slide .content ul li~li { margin-left: 10px; } @media (max-width: 677px) { .slide .content ul li { font-size: 11px; } } .slide .content ul li i { margin-right: 5px; color: #ff9ca9; } .slide .content h2 a { line-height: 24px; font-size: 24px; font-weight: bold; color: #333333; } .slide .content h2 a a:hover { color: #ff9ca9; } .slide .content p { color: black; font-size: 16px; line-height: 22px; font-family: 'Raleway', sans-serif; } .posts { margin: 0px -5px; display: flex; flex-wrap: wrap; } .posts .post1 { padding: 0px 8px; width: calc(100% / 5); margin-bottom: 10px; } @media (max-width: 1199px) { .posts .post1 { width: calc(100% / 4); } } @media (max-width: 991px) { .posts .post1 { width: calc(100% / 3); } } @media (max-width: 767px) { .posts .post1 { width: calc(100% / 2); } } @media (max-width: 576px) { .posts .post1 { width: calc(100% / 1); max-width: 320px; margin: 0 auto 20px; } } .posts .post1 .img-holder { position: relative; } .posts .post1 .img-holder img { width: 100%; } .posts .post1 .img-holder .tag { position: absolute; bottom: 0px; left: 0px; padding: 5px 10px; background: #ffd0d6; color: #111; } .posts .post1 .img-holder .tag h5 { margin: 0px; font-size: 16px; } .posts .post1 h2 a { font-size: 18px; letter-spacing: 2px; text-align: center; margin: 10px 0px; display: block; } .posts .post1 h2 a:hover { color: #ff9ca9; } .latest .gum-block-loading-wrapper .gum-gb-row .row { margin-top: 15px; } .latest .gum-block-loading-wrapper .gum-gb-row .row:first-of-type { margin-top: 0; } .latest .gum-block-loading-wrapper .img-holder .mask { text-align: center; bottom: 0; color: white; position: absolute; width: 100%; display: -ms-flexbox; -ms-flex-align: end; -webkit-box-pack: center; -ms-flex-pack: center; } @media (max-width: 677px) { .latest .gum-block-loading-wrapper .img-holder .mask ul { display: none; } } .latest .gum-block-loading-wrapper .img-holder a img { max-width: 100%; min-height: 282px; } .boxes-slide ul { display: flex; flex-wrap: wrap; } .boxes-slide ul li { width: calc(100% / 6); margin-bottom: 0px; } @media (max-width: 991px) { .boxes-slide ul li { width: calc(100% / 3); } } @media (max-width: 576px) { .boxes-slide ul li { width: calc(100% / 2); } } .boxes-slide ul li .img-holder { position: relative; padding-bottom: 100%; } .boxes-slide ul li .img-holder img { width: 100%; position: absolute; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .boxes-slide ul li .img-holder:hover .mask { opacity: 1; } .boxes-slide ul li .mask { transition: all 0.2s ease-out; z-index: 30; cursor: pointer; opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #00000080; display: flex; align-items: center; justify-content: center; } .boxes-slide ul li .mask p { color: #ffffff; text-align: center; font-family: pop; } .boxes-slide ul li .mask>i { color: #ffffff99; } .boxes-slide ul li .mask .fa-hand-point-up { position: absolute; bottom: 10px; right: 10px; font-size: 20px; } .copyright { padding: 10px 0px; } .copyright .wraper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767px) { .copyright .wraper { flex-direction: column; justify-content: center; } } .copyright .wraper p { font-size: 14px; color: #fff; } .copyright .wraper p a { color: #fff; } .copyright .wraper p a:hover { color: #ff9ca9; } .latest .common-title { margin: 30px 0px 50px; } .latest .col-md-8, .latest .col-md-4 { margin-bottom: 8px; } @media (max-width: 767px) { .latest .col-md-8, .latest .col-md-4 { padding: 0px !important; } } .latest .box { height: 100%; } .latest .box .img-holder { position: relative; z-index: 1; height: 100%; } .latest .box .img-holder img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .latest .box .mask { box-shadow: inset 0px -120px 50px -50px #000000c2; position: absolute; z-index: 10; height: 100%; width: 100%; display: flex; align-items: flex-end; justify-content: center; } .latest .box .mask .mask2 { transition: all .2s ease-out; z-index: 30; cursor: pointer; opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #00000080; display: flex; align-items: center; justify-content: center; color: white; } .latest .box .mask .mask2 li { list-style: none; text-align: center; } .latest .box .mask .mask2 p.gum-block-likes-count { color: white; } .latest .box .mask:hover .mask2 { opacity: 1; } .latest .box .content { padding: 5px 10px; } .latest .box .content h2 { font-size: 20px; color: #fff; } .latest .box .content ul { display: flex; } .latest .box .content ul li { display: flex; color: #fff; font-size: 11px; padding-left: 5px; } .latest .box .content ul li:first-of-type { padding-left: 0; } .latest .box .content ul li i { color: #ff9ca9; } .gum-grid-block-title { margin: 25px 0; display: flex; clear: both; width: 100%; justify-content: center; align-items: center; } @media (max-width: 767px) { .gum-grid-block-title { margin-bottom: 20px !important; margin: 10px 0 0 0; } } .col-main.col-md-8 .gum-grid-block-title .inner-title h1 { margin-bottom: 0; } .gum-grid-block-title .inner-title { position: relative; } @media (max-width: 375px) { .gum-grid-block-title .inner-title { margin-top: 15px; } } @media (max-width: 991px) { .gum-grid-block-title .inner-title .span { width: 55px; } } @media (max-width: 767px) { .gum-grid-block-title .inner-title .span { width: 50px; } } @media (max-width: 576px) { .gum-grid-block-title .inner-title .span { width: 45px; } } @media (max-width: 576px) { .gum-grid-block-title .inner-title .span { width: 40px; } } .gum-grid-block-title .inner-title h4 { margin-left: 8px; font-size: 24px; margin: 0px; font-weight: bold; color: black; } @media (max-width: 991px) { .gum-grid-block-title .inner-title h4 { font-size: 22px; } } @media (max-width: 767px) { .gum-grid-block-title .inner-title h4 { font-size: 20px; } } @media (max-width: 576px) { .gum-grid-block-title .inner-title h4 { font-size: 19px; } } .pull-left li { display: inline-block; } .footer_nav { background: #111; padding: 0; } .footer_nav .copyright { text-align: center; } .footer_nav .copyright p, .footer_nav .copyright .menu-footer, .footer_nav .copyright .menu-footer li a { display: inline-block; color: white; } .footer_nav .pull-right { padding: 10px 6% 10px 0; } .footer_nav .pull-right .style4 { margin: 0; text-align: right; padding: 0; width: 90%; } .footer_nav .pull-right .style4 .footer_info_content { margin-bottom: 0; } @media (max-width: 677px) { .footer_nav .pull-right { float: left !important; width: 100%; } } .footer_nav .site-footer { background-color: black; } .footer-imagee-roow { display: inline-flex; } .footer-imagee-roow .footer-imagee-single img { max-width: 226px; height: auto; } @media (max-width: 767px) { .footer-imagee-roow .footer-imagee-single img { max-width: 69px; height: auto; } } .sector .side-pannels .side-post h1 { font-size: 18px; } .latest .box .content ul li { display: inline-block; text-transform: lowercase; } @media (min-width: 678px) and (max-width: 1024px) { .latest .box .content ul li { font-size: 10px; margin-left: 3px; } } .latest .box .content h2 a:hover { color: #ff9ca9; } .latest .box .content .latest-title a { color: white; } .latest .row1 { margin-top: 10px; display: flex; } .latest .row1 div:first-of-type { margin-right: 5px; } .latest .row1:first-of-type { margin-top: 0; } .latest .row1 .slim { flex: 1; } .latest .row1 .fat { flex: 2; } .widget_tag_cloud { padding: 15px; background: #eee; } .widget_tag_cloud .gum-grid-block-title { margin-left: 8px; font-size: 24px; border: 0; padding: 0; text-transform: none; display: flex; margin: 0 auto; clear: both; width: 100%; justify-content: center; align-items: center; } .widget_tag_cloud .gum-grid-block-title::before { content: ''; width: 60px; height: 2px; border-radius: 100%; background: linear-gradient(to right, #ffd0d6, #ff9ca9, #ffd0d6); margin-right: 8px; } .widget_tag_cloud .tagcloud { padding: 0 0 25px 0; } .widget_tag_cloud .tagcloud a { margin-right: 6px; background: #ff9ca9; color: white; padding: 5px 10px; display: inline-block; font-size: 16px !important; font-weight: bold; margin-top: 10px; } .widget_tag_cloud .tagcloud a:hover { color: white; background: black; } .gum-slider .small-posts h2 { top: -30px; margin-top: 10px; letter-spacing: 4px; } .gum-slider .small-posts h2 a { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; font-family: inherit !important; font-style: inherit !important; } .gum-slider .small-posts h2 a:hover { color: #ff9ca9; } .gum-slider .small-posts ul { margin: 2px 0px; } .gum-slider .slick-slide { padding: 0 7px; max-height: 260px; } .gum-slider .slick-prev, .gum-slider .slick-next { top: 20% !important; margin-top: 0 !important; } .gum-carousel .slick-slide { padding: 0 7px; width: 235px !important; } .gum-carousel .single-post-banner .small-post-main { position: relative; max-height: 152px; } .gum-carousel .single-post-banner .small-post-main img { max-width: 221px; } .gum-carousel .single-post-banner .small-post-main ul { position: absolute; left: 0; bottom: 0; } .gum-carousel .single-post-banner .small-post-main ul li { padding: 2px 8px; } .gum-carousel .single-post-banner .small-post-main ul li a { padding: 0; font-size: 13px; } .gum-carousel .single-post-banner .post-tile { margin-top: -40px; text-align: center; } .gum-carousel .img-holder .tag, .gum-slider .img-holder .tag { position: absolute; bottom: 38px; left: 0px; color: #111; z-index: 50; } .gum-carousel .img-holder .tag ul li, .gum-slider .img-holder .tag ul li { padding: 2px 8px; margin-left: 5px; } .gum-carousel .img-holder .tag ul li:first-of-type, .gum-slider .img-holder .tag ul li:first-of-type { margin-left: 0; } .gum-carousel .img-holder .tag ul li:hover, .gum-slider .img-holder .tag ul li:hover { background-color: black !important; } .gum-carousel .img-holder .tag ul li:hover a, .gum-slider .img-holder .tag ul li:hover a { color: white !important; } .gum-carousel .img-holder .mask, .gum-slider .img-holder .mask { transition: all .2s ease-out; z-index: 30; cursor: pointer; opacity: 0; position: absolute; left: 0px; top: 20px; width: 100%; height: 68%; background: #00000080; display: flex; align-items: center; justify-content: center; color: white; } .gum-carousel .img-holder img, .gum-slider .img-holder img { width: 100%; } .gum-carousel h2, .gum-slider h2 { font-size: 18px; text-align: center; top: 35px; } .gum-carousel .slick-slide, .gum-slider .slick-slide { padding: 0 7px; width: 340px; margin-top: -60px; min-height: 300px; } .gum-slider_1-wrapper .gum-slider .img-holder .tag ul a { font-size: 15px; } .gum-single-post .cat-links .post-categories { text-align: center; } .single-post .cat-link { background-color: #ff9ca9; border-radius: 0; padding: 8px 10px; font-size: 18px; color: white; } .single-post .entry-header { text-align: center; margin-top: 25px; } .gum-single-post header .entry-title { text-align: center; font-size: 24px; } @media (max-width: 677px) { .gum-single-post header .entry-title { font-size: 20px; } } .gum-single-post header .single-post-meta .pull-left span { font-size: 13px; margin-right: 5px; display: inline-flex; font-family: way; } .gum-single-post header .single-post-meta .pull-left span i { color: #ff9ca9; margin-right: 5px; } @media (max-width: 677px) { .gum-single-post header .single-post-meta .pull-left span { font-size: 11px; margin-right: 2px; } } .gum-single-post header .single-post-meta .pull-left h6 { display: inline-block; font-size: 13px; margin-bottom: 0; margin-right: 8px; } @media (max-width: 677px) { .gum-single-post header .single-post-meta .pull-left h6 { font-size: 9px; margin-right: 2px; } } .gum-single-post header .single-post-meta .pull-left .gum-post-like { border: none; margin: 0; padding: 0; } .gum-single-post header .single-post-meta .pull-left .gum-post-like .post_heart { color: black; margin-right: 0; } .gum-single-post header .single-post-meta .pull-right { padding: 5px 0; } .gum-single-post header .single-post-meta .pull-right i { font-size: 14px; color: #ff9ca9; } @media (max-width: 677px) { .gum-single-post header .single-post-meta .pull-right i { font-size: 12px; } } .gum-single-post header .single-post-meta .pull-right span { margin: 0; font-size: 13px; } @media (max-width: 677px) { .gum-single-post header .single-post-meta .pull-right span { margin: 0; font-size: 10px; } } @media (max-width: 677px) { .gum-single-post header .single-post-meta .pull-right { padding: 5px 0; } } .gum-single-post .gum-related-posts { margin-top: 25px; } .gum-single-post .gum-related-posts .gum-widget-heading { display: none; } .gum-single-post .gum-related-posts .gum-wc-wrapper::before { content: 'You might also like'; font-size: 20px; font-weight: bold; margin-left: 38%; margin-bottom: 25px; } @media (max-width: 677px) { .gum-single-post .gum-related-posts .gum-wc-wrapper::before { margin-left: 25%; margin-bottom: 15px; } } @media (max-width: 677px) { .gum-single-post .gum-related-posts .gum-wc-wrapper .gum-block-wrapper { padding: 0 2px; margin: 0; } } .gum-single-post .gum-related-posts .gum-wc-wrapper .gum-block-wrapper .gum-inner-post { text-align: center; } .gum-single-post .gum-related-posts .gum-wc-wrapper .gum-block-wrapper .gum-inner-post .gum-post-cat { display: none; } .gum-single-post .gum-related-posts .gum-wc-wrapper .gum-block-wrapper .gum-inner-post h5 { position: absolute; bottom: 0; } @media (max-width: 677px) { .gum-single-post .gum-related-posts .gum-wc-wrapper .gum-block-wrapper .gum-inner-post h5 a { font-size: 10px; line-height: 0; } } .gum-single-post .gum-related-posts .gum-wc-wrapper .gum-block-wrapper .gum-inner-post h5 a:hover { color: #ff9ca9; } @media (max-width: 677px) { .gum-single-post .gum-related-posts .gum-wc-wrapper .gum-block-wrapper .gum-inner-post h5 { margin-bottom: 0; } } .single-post footer .post-social-share { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 20px 0; margin-top: 25px; text-align: center; } @media (max-width: 677px) { .single-post footer .post-social-share { padding: 15px 0; } } .single-post footer .post-social-share .gum_s_icon { border-radius: 50%; background-color: black !important; } .single-post footer .post-social-share .gum_s_icon:hover { background-color: #ff9ca9 !important; } @media (max-width: 677px) { .single-post footer .post-social-share .gum_s_icon { padding: 5px 9px; margin-right: 0px; } } @media (max-width: 677px) { .single-post footer .post-social-share:first-of-type::before { margin-right: 0px; font-size: 20px; } } @media (max-width: 677px) { .single-post footer .post-social-share { margin-bottom: 0; } } .single-post .entry-content { text-align: justify; text-indent: 1.5em; padding-top: 20px; } .single-post .entry-content p { color: #494949; } .gum-single-post .comments-area .comment-reply-title { text-align: center; } .gum-single-post .comments-area .comment-form .comment-notes { color: #909497; } .gum-single-post .comments-area .comment-form p textarea { border-radius: 15px; } @media (max-width: 677px) { .gum-single-post .comments-area .comment-form p textarea { padding: 5px 10px; } } .gum-single-post .comments-area .comment-form .form-submit { text-align: center; } .gum-single-post .comments-area .comment-form .form-submit .submit { background-color: #ff9ca9; color: white; font-weight: bold; } .gum-single-post .comments-area .comment-form .form-submit .submit:hover { color: black; } @media (max-width: 677px) { .entry-content .gum-grid-block-wrapper h2, .entry-content .wp-block-gum-grid h2 { font-size: 18px !important; margin-top: 10px; } } .right-aligned { position: absolute; right: 0; } .right-aligned button { background-color: #ff9ca9; border-radius: 0; border-color: #ff9ca9; color: white; font-weight: bold; padding: 4px 10px; } .right-aligned button:hover { text-decoration: none; background-color: #ff9ca9; color: white; font-weight: bold; border: none; } .right-aligned button:hover::after { color: white; } .right-aligned button::after { content: "\f078"; font-family: "FontAwesome"; color: white; margin-left: 5px; } .wp-block-gum-grid .gum_cat_filter_dropdown { position: absolute !important; right: 15px; } .wp-block-gum-grid .gum_cat_filter_list { right: 0; top: 25px; position: absolute; } .wp-block-gum-grid .gum_cat_filter_list ul li { margin: 0 5px; } .list-style-filter li { float: left; margin-right: 15px; } .list-style-filter li a { font-weight: bold; color: black; } .list-style-filter li:hover a { color: #ff9ca9; font-weight: bold; } .sector .pagination li a { border: 1px solid; background: transparent; color: black; border-radius: 0px !important; } .sector .pagination li a i { font-size: 20px; } .content_none_sidebar .gum-col-content { background-color: transparent !important; margin: 0; } .content_none_sidebar .gum-sidebar-wrapper { padding-top: 35px; } .single #secondary { padding-top: 25px; } .gum-cat-wrapper .gum-sidebar-wrapper { padding-top: 60px; } .img-holder .tag ul li { padding: 2px 8px; margin-left: 5px; } .img-holder .tag ul li:first-of-type { margin-left: 0; } .img-holder .tag ul li:hover { background-color: black !important; } .img-holder .tag ul li:hover a { color: white !important; } /*......... 5 layout carousel custom classes.......*/ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20% !important; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20% !important; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 5.2% !important; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20% !important; float: left; } } .gum-cat-wrapper .gum_posts_grid_slide { margin-bottom: 3rem; } .gum-cat-wrapper .gum-cat-block_3 img { max-width: 375px; } .gum-cat-wrapper .gum-cat-block_3 .gum-block-even { padding-left: 10px; } .gum-cat-wrapper .gum-cat-block_3 .gum-block-even, .gum-cat-wrapper .gum-cat-block_3 .gum-block-odd { text-align: center; } .gum-cat-wrapper .gum-cat-block_3 p { text-align: justify; } .gum-cat-wrapper .gum-cat-block_3 .content ul { display: none; } .gum-cat-wrapper .gum-cat-fullGrid_block_1 .gum-block-odd { padding-right: 7px; padding-bottom: 10px; } .gum-cat-wrapper .gum-cat-fullGrid_block_1 .gum-block-even { padding-left: 7px; padding-bottom: 10px; } .gum-cat-wrapper .gum-cat-block_2 .gum-block-2-wrapper { padding-bottom: 10px; } .gum-cat-wrapper .gum-cat-block_2 .gum-block-2-wrapper .gum-block.gum-block-2 { display: flex; } .gum-cat-wrapper .gum-cat-block_2 p { text-align: justify; } .gum-cat-wrapper.gum-cat-wrapper-block_1 .gum_posts_grid_slide .fullgrid_block_1_wrapper.gum-block-odd { padding-right: 5px; padding-bottom: 10px; } .gum-cat-wrapper.gum-cat-wrapper-block_1 .gum_posts_grid_slide .fullgrid_block_1_wrapper.gum-block-even { padding-left: 5px; padding-bottom: 10px; } .gum-cat-wrapper.gum-cat-wrapper-block_1 .gum_posts_grid_slide .fullgrid_block_3_wrapper.gum-grid2-3 { padding-left: 0; padding-right: 5px; } .gum-cat-wrapper.gum-cat-wrapper-block_1 .gum_posts_grid_slide .fullgrid_block_3_wrapper.gum-grid2-4 { padding: 0 5px; } .gum-cat-wrapper.gum-cat-wrapper-block_1 .gum_posts_grid_slide .fullgrid_block_3_wrapper.gum-grid2-5 { padding-right: 0; padding-left: 5px; } .gum-cat-wrapper.gum-cat-wrapper-block_2 .fullgrid_block_1_wrapper .gum_post_fullgrid .mask, .gum-cat-wrapper.gum-cat-wrapper-block_2 .fullgrid_block_2_wrapper .gum_post_fullgrid .mask { position: absolute; width: 570px; height: 390px; background-color: black; left: 0; top: 0; } @media (max-width: 375px) { .gum-cat-wrapper.gum-cat-wrapper-block_2 .fullgrid_block_1_wrapper .gum_post_fullgrid .mask, .gum-cat-wrapper.gum-cat-wrapper-block_2 .fullgrid_block_2_wrapper .gum_post_fullgrid .mask { width: 345px; height: 230px; } } .gum-cat-wrapper.gum-cat-wrapper-block_2 .fullgrid_block_1_wrapper .gum_post_fullgrid a.gum_grid_link_img, .gum-cat-wrapper.gum-cat-wrapper-block_2 .fullgrid_block_2_wrapper .gum_post_fullgrid a.gum_grid_link_img { opacity: 0.5; } .gum-cat-wrapper .latest .gum-block-loading-wrapper .img-holder a img { max-height: 282px; } /*# sourceMappingURL=style.css.map */ /*.......................................................my styles..............*/ .gum-header-style2 { background-color: #ff9ca9; } .gum-header-style2 .gum_search_icon-wrapper .seach-box { position: absolute; width: 100%; left: 0; top: 0; z-index: 111; display: none; } .gum-header-style2 .gum_search_icon-wrapper .seach-box form { margin: 0; } .gum-header-style2 .gum_search_icon-wrapper .seach-box .gum-close-search { position: absolute; right: 15%; font-size: 24px; top: 5px; color: white; cursor: pointer; } .gum-header-style2 .gum_search_icon-wrapper .seach-box form input { border: none; text-align: center; background: #ff9ca9; color: white; font-size: 18px; width: 100%; height: 36px; } .gum-header-style2 .gum_search_icon-wrapper .seach-box form input::placeholder { color: #fff; } .gum_search_icon, .gum-top-social, .gum-top-social ul, .gum-top-social ul li { display: inline; } .gum-top-social ul li a { font-size: 17px; padding-left: 10px; color: white; } .displayBlock { display: block !important; } .displayNone { display: none !important; } .logo-wrapper { text-align: center; padding: 25px 0; } .post-fgh { padding: 7px 0; display: flex; justify-content: space-between; } .post-fgh p.post-author { display: inline; } .post-fgh p.post-date { display: inline; } .fa-user, .fa-calendar { margin-right: 5px; color: #ff9ca9; } .gum-grid-block-1 .gum-block-2 { display: flex; padding-bottom: 15px; } .test-page .col-main .gum-grid-block-1 .small-posts-wrapper, .test-page .col-main .gum-grid-block-1 .gum-block-2-wrapper, .test-page .col-main .gum-grid-block-2 .small-posts-wrapper {} .test-page .col-main .gum-grid-block-1 .gum-block-2-main .row div.gum-block-2-wrapper:first-of-type { padding-left: 7px; } .sidebar .footer-three-detail-wrapper .footer-three-detail { display: flex; align-items: center; margin-bottom: 15px; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-fig {} .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt { padding-right: 0; padding-left: 10px; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt h5 { font-size: 14px; padding-bottom: 5px; margin-bottom: 0; line-height: 20px; font-weight: bold; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt h5 a { color: black; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt h5 a:hover { color: #ff9ca9; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt .post-author, .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt .post-date { margin-bottom: 0; font-size: 13px; font-weight: bold; display: inline; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt i { margin-right: 5px; color: #ff9ca9; } .sidebar { padding-right: 0; } .sidebar_post { padding: 15px; background: #eee; } .sidebar_post .gum-grid-block-title { margin-left: 8px; font-size: 24px; border: 0; padding: 0; text-transform: none; display: flex; margin: 0 auto; clear: both; width: 100%; justify-content: center; align-items: center; padding-bottom: 20px; } .sidebar_post .gum-grid-block-title::before { content: ""; width: 60px; height: 2px; border-radius: 100%; background: linear-gradient(to right, #ffd0d6, #ff9ca9, #ffd0d6); margin-right: 8px; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget img { min-width: 330px; max-height: 190px; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget { position: relative; margin-bottom: 15px; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .gum_sidebar_post_title { position: absolute; width: 100%; bottom: 5px; padding: 10px; background: transparent; opacity: 1; transition: all 0.3s; z-index: 3; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget ul.cat-links { list-style: none; padding: 0 0 5px; position: relative; bottom: 0; left: 0; display: inline-block; z-index: 3; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget ul.cat-links li { display: inline-block; margin-right: 8px; font-size: 12px; color: #fff; background-color: #ff9ca9; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget ul.cat-links li:hover { background-color: black; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget ul.cat-links li a { display: inline-block; padding: 2px 3px; color: #ffffff; font-weight: bold; border-radius: 2px; font-size: 10px; letter-spacing: .8px; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .p_title { font-size: 16px; color: #fff; line-height: 16px; font-weight: bold; display: block; margin-bottom: 0; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .p_title:hover { color: #ff9ca9; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .block-date { margin-bottom: 0; color: white; display: inline-block; margin-right: 8px; font-size: 12px; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget .gum_sidebar_post_image a::before { content: ''; position: absolute; left: 0; top: 0; width: 99%; height: 190px; background-color: black; opacity: 0.3; } .sidebar .widget { padding: 15px; background: #fff3f4; } .widget .widget-title { margin: 0; padding-bottom: 0; margin: 0; background: #fff3f4; padding: 0px 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; z-index: 1; font-weight: 600; width: fit-content; padding: 0px 10px; border: none; } .widget_recent_entries .gum-grid-block-title, .gum_ad .gum-grid-block-title { margin: 0; margin-left: 30px; } .widget_categories .gum-grid-block-title { margin-left: 8px; font-size: 24px; border: 0; padding: 0; text-transform: none; display: flex; margin: 0 auto; clear: both; width: 100%; justify-content: center; align-items: center; padding-bottom: 20px; } .widget_categories .gum-grid-block-title::before { content: ""; width: 60px; height: 2px; border-radius: 100%; background: linear-gradient(to right, #ffd0d6, #ff9ca9, #ffd0d6); margin-right: 8px; } .widget_categories ul li.cat-item { font-weight: bold; display: flex; justify-content: space-between; align-items: center; } .widget_categories ul li.cat-item a { padding: 6px 0px; color: black; align-items: center; justify-content: space-between; font-size: 16px; margin-right: 10%; display: inline-flex; } /*.widget_categories ul li.cat-item a::before{ content: ""; width: 30px; height: 2px; border-radius: 100%; background: linear-gradient(to right, #ffd0d6, #ff9ca9, #ffd0d6); margin-right: 8px; }*/ .widget_categories ul li.cat-item a:hover { color: #ff9ca9; } .gum_footer_widget .gallery { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .gum_footer_widget .gallery figure { margin: 0; /*width: 200px;*/ height: 200px; overflow: hidden; flex: 1; } .gum_footer_widget .gallery figure img { width: 100%; height: -webkit-fill-available; object-fit: cover; } /* .gum_footer_widget .gallery .gallery-item img{ max-width: 225px; min-height: 220px; }*/ .site-footer1 { background-color: black; } .site-footer1 ul#footer-menu { display: flex; float: right; } .site-footer1 ul#footer-menu li a { color: #ffffff; padding: 0px 6px; font-size: 14px; } .site-footer1 .copyright a { color: white; } .read-more { color: black; font-weight: bold; } .single-post .entry-meta .byline { display: inline-block; float: left; } .single-post .entry-meta .posted-on { float: right; display: inline-block; } .fa-folder, .fa-clock-o { color: #ff9ca9; } .single-post .author a, .single-post .cat-links a, .single-post .posted-on a { color: black; } .entry-meta { padding-bottom: 10px; font-size: 12px; } .entry-meta a{ font-size:12px; } .post-social-share ul li { margin-right: 15px; display: inline; } .post-social-share ul li a:hover { background-color: #ff9ca9; } .post-social-share ul li a { border-radius: 50%; background-color: black; padding: 10px 15px; color: white; } .post-social-share ul li:first-of-type::before { content: 'Share :'; margin-right: 10px; font-size: 24px; } .author-box .gum-grid-block-title h3 { text-align: center; font-size: 20px; font-weight: bold; } .comments-area .comment-respond .comment-reply-title { text-align: center; } .comment-metadata{ margin:10px 0; } .comment-metadata a{ font-size:12px; } .gum-breadcrumb a:first-of-type::before { content: "\f015"; font-family: "FontAwesome"; padding-right: 3px; color: black; } .gum-breadcrumb a, .gum-breadcrumb .bc_title, .gum-breadcrumb .fa-angle-double-right { color: black; font-size: 12px; } .gum-breadcrumb .fa-angle-double-right { padding: 0 3px; } .header-main-bar { position: relative; } footer { padding-top: 3%; } body.home.page .sidebar { padding-top: 40px; } @media screen and (max-width: 767px) { .gum-header-style2 .gum_search_icon-wrapper .seach-box { top: 0; } .gum-header-style2 { padding: 5px 0; } .gum-header-style2 .header-main-menu-wrapper { display: inline-block; } .gum-header-style2 #menu-toggle { display: inline !important; } .gum-header-style2 #menu-toggle i { font-size: 24px; margin-top: 4px; cursor: pointer; color: white; transition: all 0.3s; } .gum-header-style2 .gum_search_icon-wrapper { display: inline; } .gum-header-style2 .gum-top-social ul { margin-top: 5px; } .gum-header-style2 .gum_search_icon { right: 54%; top: 2px; } .main-navigation-block { margin-left: 0 !important; display: block !important; } #site-navigation i.fa-times { display: block; font-size: 24px; color: black; position: absolute; left: 14%; top: 1%; cursor: pointer; z-index: 1; transition: all 0.1s; } .gum-header-style2 .main-navigation { background-color: #ffffff; height: 100%; margin-left: -100%; overflow-y: auto; padding: 50px 0px 10px; position: fixed; top: 0; left: 0px; text-align: center; transition: all cubic-bezier(0.2, 0, 0, 1) 0.7s; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; z-index: 1000; color: #000000; } .gum-header-style2 .main-navigation ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid #efefef; } .gum-header-style2 .main-navigation ul li { display: block; border-bottom: 1px solid #efefef; text-align: left; position: relative; padding-left: 5px; text-align: center; } .gum-header-style2 .main-navigation ul li a { display: block; padding: 10px 0 10px 10px; font-size: 20px; } .test-page .col-main .gum-grid-block-1 .gum-block-2-wrapper { padding-left: 7px; } .sidebar { padding-left: 0; } .sidebar_post .gum_sidebar_posts .gum_sidebar_widget img { min-width: 311px; } .gum_footer_widget .gallery .gallery-icon { text-align: center; } body.single-post .gum-breadcrumb { padding-left: 10px; padding-right: 10px; } .post-social-share ul li { margin-right: 3px; } } .gum-header-style2 .main-navigation i { display: none; } .search.search-results .small-posts-wrapper .post { display: flex; } .search.search-results .small-posts-wrapper .post .img-holder, .search.search-results .small-posts-wrapper .post .post-details-wrapper { flex: 1; } .search.search-results .small-posts-wrapper .post .post-details-wrapper { padding: 15px 0 0 15px; } .navigation.pagination .nav-links .page-numbers { background-color: #ff9ca9; color: white; padding: 4px 8px; } .navigation.pagination .nav-links .page-numbers:hover { background-color: black; } .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers.current:hover { background-color: #ff9ca9; } .navigation.pagination .nav-links .next::before { content: "\f105"; font-family: 'FontAwesome'; color: white; font-size: 17px; } .navigation.pagination .nav-links .prev::before { content: "\f104"; font-family: 'FontAwesome'; color: white; font-size: 17px; } .skip-link { 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; } @media screen and (max-width: 767px) { .visible-xs { display: block !important; } .hidden-xs { display: none !important; } } .visible-xs { display: none; } .hidden-xs { display: block; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } .gum-grid-block-title .inner-title .span { width: 100%; height: 3px; position: absolute; background: linear-gradient(to right, #ffd0d6, #ff9ca9, #ffd0d6); left: 0; top: 50%; z-index: -1; border-radius: 100%; } .gum-grid-block-title .inner-title h1 { margin: 0; background: #fff; padding: 0px 10px; color: #333333; } .gum-grid-block-title .inner-title { margin-bottom: 10px; padding: 0px 60px; } .remove-default::before { content: none !important; } .remove-default .widget-styling { width: 100%; height: 3px; position: absolute; background: linear-gradient(to right, #ffd0d6, #ff9ca9, #ffd0d6); left: 0; top: 50%; z-index: 0; border-radius: 100%; } aside .common-title:before, footer .common-title:before { content: ' '; width: 100%; height: 3px; position: absolute; background: linear-gradient(to right, #ffd0d6, #ff9ca9, #ffd0d6); left: 0; top: 50%; z-index: 0; border-radius: 100%; } .widget.common-title { margin: 10px 0px 20px; } .widget_categories .gum-grid-block-title { position: relative; } .widget_categories .gum-grid-block-title::before { content: ' '; width: 100%; height: 3px; position: absolute; background: linear-gradient(to right, #ffd0d6, #ff9ca9, #ffd0d6); left: 0; z-index: 0; border-radius: 100%; } .post-fgh p { font-size: 13px; } ul.pull-left p { font-size: 13px; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt .post-author, .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt .post-date { font-weight: 400; font-size: 12px; } .archive header.page-header { padding-bottom: 20px; } .post-fgh p { margin-bottom: 0; } .gum-post-grid-block-3 .small-posts .small-posts .post h2 { line-height: 20px; } .gum-post-grid-block-3 .small-posts .small-posts .post h2 a { font-size: 17px; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt .post-author { font-size: 11px; } a { color: #ff9ca9; } .comments-area .comment-form .submit, .comments-area .form-submit input[type='submit'] { background: #ff9ca9; cursor: pointer; margin: 10px 0; border: none; color: inherit; font-size: 14px; line-height: 15px; font-weight: 800; transition: all 0.4s; } .post-social-share ul li a { border-radius: 62px; background-color: black; width: 44px; height: 44px; line-height: 23px; margin-right: 4px; display: inline-block; } .comments-area .comment-form .submit, .comments-area .form-submit input[type='submit']:hover { color: #fff; background: #000; } .author-box .author-img img { width: initial; } .marginLeftZero { margin-left: 0 !important; } .transformzero { transform: translateX(0) !important; } .menu-mobile-search-container .search-box-wrap .search-field { border: none; text-align: center; height: 40px; padding: 0; box-shadow: 0px 0px 1px grey; } .search header.page-header { padding: 15px 0px; } a.read-more:hover { color: #ff9ca9; } ul.pagination { margin: 20px 0px; } ul.pagination span, ul.pagination a { padding: 3px 10px; } ul.pagination a { border: 1px solid #DEDEDE; color: #ff9ca9; } ul.pagination li { margin-right: 3px; } ul.pagination li:hover a { background-color: #ff9ca9; color: #fff; border-color: #ff9ca9; } ul.pagination li span.current { padding: 5px 10px; } ul.pagination li .current { background-color: #ff9ca9; color: #fff; display: inline-block; line-height: initial; } .single-post .entry-title { text-align: left; } .slick-slide .small-posts .post h2 { font-family: 'Raleway', sans-serif; line-height: 21px; text-align: center; margin-top: 5px; } .slick-slide .small-posts .post h2 a { font-size: 16px; color: gray; font-weight: 400; font-family: 'Raleway', sans-serif; } .slick-slide { margin: 0px 5px; } .gum-header-style2 .row { align-items: center; } .post .img-holder { overflow: hidden; } .post .img-holder:hover img { transform: rotate(0) scale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); } .post .img-holder img { transform: rotate(15deg) scale(1.4); transition: .7s ease-in-out; } .slick-slide .small-posts .post h2 a:hover { color: #ff9ca9; transition: .3s ease-in-out; } .gum-block img.gum-p-img { transition: .4s ease-in-out; } .gum-block img.gum-p-img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-fig img { transition: .4s ease-in-out; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-fig img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .gum_footer_widget .gallery figure img { transition: .4s ease-in-out; } .gum_footer_widget .gallery figure img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } @media screen and (max-width: 991px) { .gum-post-grid-block-3 .small-posts-wrapper.col-sm-3 .small-posts .post h2 a { font-size: 16px; } .sidebar .footer-three-detail-wrapper .footer-three-detail { flex-basis: 50%; } .footer-three-detail-wrapper { display: flex; flex-wrap: wrap; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt { padding-right: 10px; } .gum_footer_widget .gallery figure { flex: initial; flex-basis: 25%; } .main-menu-wrapper .main-navigation { padding-right: 0; } .main-menu-wrapper .sf-menu>li.menu-item>a { font-size: 14px; } /*.main-menu-wrapper .sf-menu li.menu-item{ padding: 10px 0px; }*/ .main-menu-wrapper .sf-menu>li.menu-item>a { padding: 5px 3px 5px 3px; } .main-menu-wrapper .sf-menu li.menu-item { padding: 10px 2px; } .main-menu-wrapper .sf-menu li.menu-item-has-children { padding-right: 6px; } } @media screen and (max-width: 767px) { .gum-responsive-header .gum-res-logo img { max-width: 150px; max-height: 45px; object-fit: contain; } .gum-responsive-header { margin-bottom: 20px; } .small-posts .post h2 a { font-size: 18px; line-height: 22px; } .site-footer1 ul#footer-menu { display: flex; float: initial; justify-content: center; } .copyright { text-align: center; } .small-posts .post h2 { line-height: 22px; } .sidebar .footer-three-detail-wrapper .footer-three-detail { flex-basis: 100%; } .footer-three-detail-wrapper { flex-direction: column; } body.single.single-post .featured_image img { max-height: 263px; width: 100%; object-fit: cover; } } @media screen and (max-width: 575px) { .sidebar .footer-three-detail-wrapper .footer-three-detail { flex-direction: column; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-fig { width: 100%; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-fig img { width: 100%; object-fit: cover; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt { padding-right: 0px; padding-left: 0px; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt h5 { padding-bottom: 0; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt .post-author { font-size: 12px; } .sidebar .footer-three-detail-wrapper .footer-three-detail .footer-three-dt { padding-right: 0px; padding-left: 0px; width: 100%; } .author-details { text-align: center; } .entry-meta { display: flex; flex-direction: column; text-align: left; } .gum_footer_widget .gallery figure { flex: initial; flex-basis: 50%; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .widget_media_image img { width: 100%; } .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. */ } .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; } .bypostauthor { background: #fff; } .featured_image img { width: 100%; height: auto; } header .logo-wrapper img { max-width: 350px; } .widget_media_gallery figure{ margin: 3px; display: inline-block; } .theme-by{ display: inline-block; margin-left: 20px; font-size:12px; } .theme-by a{ font-size:12px; }