/* [Table of contents] 1. General 2. List Style 3. Top Bar 4. Header / Menu 4.1 Logo 4.1 Dropdown 4.1 Item Space 4.1 Mega menu 4.1 Arrow after before 4.1 Mobile menu 4.1 Sticky Header 4.1 Search Icon Section 5. Sub Header 5.1 Breadcrumbs 5.1 Z-indexs 5.1 Google map - Revolution slider 6. Sidebar 7. Footer 7.1 Widget Footer 7.2 Contact Footer 8. Blog 8.1 Title section, icon 8.2 Meta 8.3 Quote 8.4 Blog Style Grid 8.5 Grid image hover 8.6 Tile Gallery 8.7 Post Single Styles 8.8 About author 8.9 Related Posts 8.10 Comments 8.11 Comment Form 8.12 Post Single Next Prev Pagination 9. Pagination 10. Search Page 11. Archives Page 12. Causes Page 12.1 Causes Single Page 13. Portfolio Page 14. Testimonials 15. Blank Page 16. WordPress Default Widgets Styles 16.1 RSS 16.2 Text 16.3 Tag Colud 16.4 Calendar Widget 16.5 Search Widget 16.6 Recent Comments 16.7 Captions */ /* ---------------------------------------------- 1. General ---------------------------------------------- */ .shanson_l_boxed { margin:0 auto; overflow: visible; } #shanson_main_container { width:100%; position: relative; z-index: 2; } .shanson_site_content { /*overflow: hidden;*/ } .shanson_container { position: relative; margin:0 auto; } .shanson_main_container_wrap { margin:0 auto; } .shanson_main_container { display:block; margin:0 auto; width:auto; position: relative; } .shanson_site_content a { text-decoration: none; } .shanson_site_loader { width:100%; height:100%; position: relative; } .shanson_loader_holder { position: absolute; top:50%; left:50%; display: block; width:60px; height:60px; margin-top:-30px; margin-left: -30px; } .shanson_loader { position:relative; } .shanson_loader span { position:absolute; border: 6px solid #000; border-top: 6px solid transparent; border-radius:999px; } .shanson_loader span:nth-child(1){ width:60px; height:60px; animation: spin-1 2s infinite linear; } .shanson_loader span:nth-child(2){ top: 15px; left: 15px; width:30px; height:30px; animation: spin-2 1s infinite linear; } @keyframes spin-1 {0% {transform: rotate(360deg); opacity: 1;} 50% {transform: rotate(180deg); opacity: 0.5;} 100% {transform: rotate(0deg); opacity: 1;} } @keyframes spin-2 {0% {transform: rotate(0deg); opacity: 0.5;} 50% {transform: rotate(180deg); opacity: 1;} 100% {transform: rotate(360deg); opacity: 0.5;} } /* ---------------------------------------------- 2. List Styles ---------------------------------------------- */ .shanson_container ul { list-style: disc outside none; } .shanson_container li { margin-left: 1em; padding: 3px 0px; } .sidebar ul,.footer ul { list-style: none; margin: 0; } .sidebar ul li { margin:0; padding: 3px 0px; display: block; line-height: normal; } /* ---------------------------------------------- 3. Top Bar ---------------------------------------------- */ body.shanson_l_boxed .shanson_topbar_main_container { overflow: hidden; } .shanson_topbar { display: block; position: relative; padding:5px 0 5px 0; line-height: 30px; } .shanson_topbar a { text-decoration: none; } .shanson_topbar ul { margin:0; float:left; } .shanson_topbar_content ul li { display: inline-block; list-style: none; margin-left: 15px; } .shanson_topbar_content ul li i { margin-right: 5px; } .shanson_topbar_content ul li:first-child { margin-left: 0; } .shanson_topbar_content ul.shanson_topbar_socials { float:left; margin:7px 0 0 0; } .shanson_topbar_content ul.shanson_topbar_socials li { display: inline-block; float:left; list-style: none; margin:0 0 5px 0; height:20px; width:20px; padding:0; line-height: 20px; text-align: center; } .shanson_topbar_content ul.shanson_topbar_socials li:hover { } .shanson_topbar_content ul.shanson_topbar_socials li a { height:22px; width:22px; display:block; } .shanson_topbar_content ul.shanson_topbar_socials li i { margin:0; font-size: 12px; } /* ---------------------------------------------- 4. Header / Menu ---------------------------------------------- */ body.shanson_l_boxed .shanson_header_main_container { overflow: hidden; } ul.shanson-menu-setting-msg { float:left; padding:0; margin:0; line-height: 70px; padding-left:20px; padding-right:30px; color:#fff; } ul.shanson-menu-setting-msg li { list-style: none; font-size: 90%; padding:0; margin:0; } .shanson_header_container { position: relative; } .shanson_logo_menu_header { position: relative; display: block; width:100%; } #mainHeader:not(.sticky-on) .shanson_logo_menu_header,.shanson_woo_cart_hover_menu, .shanson_infiniteScroll_loader { -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); } .shanson_no_boxed.shanson_fw_header #shanson_header .shanson_container, .shanson_no_boxed.shanson_fw_header #shanson_topbar .shanson_container { width:98%; max-width: none; } .shanson_header { display: block; position: relative; } body.revSlider_HeaderOn .shanson_header { position: fixed; width:100%; z-index:9999; } body.revSlider_HeaderOn.shanson_stickyOff .shanson_header { position:absolute; } body.googleMap_HeaderOn .shanson_logo_menu_holder { position: relative; } .shanson_nav,.subHeaderOff .shanson_header, .subHeaderOff .shanson_logo_menu_header { position: relative; } /*.shanson_logo_menu_holder { position: relative; z-index:1; }*/ .shanson_logo_menu_holder { width:100%; position: absolute; } .shanson_logo_menu_holder:before { content:''; position: absolute; width:100%; height:100%; display: block; z-index: 2; border:1px solid; } .shanson_nav { z-index:3; } /* 4.1 Logo and Menu ---------------------------------------------- */ .shanson_logo { position: relative; float:left; border-right:1px solid; } .shanson_main_nav { display: block; position: relative; } nav.shanson-top-menu { float:left; } ul.shanson_top_nav { padding:0 0 0 36px; margin:0; float:right; z-index: 5; } ul.shanson_top_nav > li { display: inline-block; margin:0; float:left; padding:0; text-align: left; } ul.shanson_top_nav > li > a { text-decoration: none; padding:0; position: relative;display: block; margin:0; } ul.shanson_top_nav > li > a > span { display: block; position: relative; clear:both; padding:0; } ul.shanson_top_nav > li.shanson_m_active > a > span:after { content:''; width:100%; height:1px; display: block; left:0; bottom:0; position: absolute; } ul.shanson_top_nav > li a i { margin-right: 5px; } ul.shanson_top_nav li { position: relative; list-style: none; } ul.shanson_top_nav li a { text-decoration: none; } ul.shanson_top_nav > li > a { margin:0; padding:0 36px 0 0; } ul.shanson_top_nav > li > a > span { padding:0 0 0 0; } ul.shanson_top_nav > li:first-child > a > span > i.fa-home { display: inline-block; width:33px; height:33px; font-size: 16px; line-height: 33px; text-align: center; border-radius: 50%; margin-right:-10px; } .shanson_header_donate_btn { float:left; font-size: 90%; } .shanson_header_donate_btn a { display: inline-block; width:auto; height:33px; padding:0 22px; border-radius: 30px; text-decoration: none; line-height: 33px; } /* 4.2 Dropdown ---------------------------------------------- */ ul.shanson_top_nav li ul { position: absolute; width:220px; top:0; left:0; padding:0; margin:0; line-height: 20px; visibility: hidden; opacity: 0; display: none; z-index: 6; box-shadow:0 0 15px rgba(0, 0, 0, 0.08); margin-left:0; } ul.shanson_top_nav li.shanson_menu_hover > ul { visibility: visible; } ul.shanson_top_nav li ul ul { left:100%; margin-left:0; margin-top:0; } ul.shanson_top_nav li:hover > ul { -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } ul.shanson_top_nav li:hover > ul { opacity: 1; visibility: visible; display: table; } ul.shanson_top_nav li:hover { visibility: inherit; } ul.shanson_top_nav li ul, ul.shanson_top_nav li.shanson-mega-menu > ul { display: table; } ul.shanson_top_nav li.shanson-mega-menu > ul > li { display: table-cell; } ul.shanson_top_nav li:not(.shanson-mega-menu) > ul li { } ul.shanson_top_nav li ul li a span { padding:8px 22px; margin:0; display: block; text-decoration: none; } ul.shanson_top_nav li ul li:first-child a span, ul.shanson_top_nav li ul li li:first-child a span { border-top:0; } ul.shanson_top_nav > li > ul li { float:left; width:100%; } ul.shanson_top_nav li li { padding: 0; margin:0; position: relative; } ul.shanson_top_nav li li ul { top:auto; top:0; position: absolute; } ul.shanson_top_nav > li:last-child:not(.shanson-mega-menu) ul ul { left:auto; right:100%; margin-left: 0px; } ul.shanson_top_nav > li > ul,ul.shanson_top_nav > li.shanson-mega-menu > ul { border:0; border-top:0px solid; } ul.shanson_top_nav li ul { padding:0px; display: block; margin-top:0; } ul.shanson_top_nav li ul ul { margin-top: -3px;} ul.shanson_top_nav li li:first-child { border-top:0; } ul.shanson_top_nav li > ul { top:100%; margin-top:-1px; } /* 4.3 Item Space ---------------------------------------------- */ ul.shanson_top_nav > li:not(.shanson-mega-menu) > ul li { padding-top:5px; padding-bottom:5px; } ul.shanson_top_nav > li.shanson-mega-menu ul li { padding-top:5px; padding-bottom:5px; } /* 4.4 Mega Menu ---------------------------------------------- */ ul.shanson_top_nav li.shanson-mega-menu { position: inherit; text-align: left; } ul.shanson_top_nav li.shanson-mega-menu > ul { padding:0; position: absolute !important; margin:-1px 0 0 0; width:100%; top:100%; } ul.shanson_top_nav li.shanson-mega-menu ul li { border:0; } ul.shanson_top_nav li.shanson-mega-menu > ul li li:hover a { padding-left: 5px; } ul.shanson_top_nav li.shanson-mega-menu > ul li li a { padding-left:0; } ul.shanson_top_nav li.shanson-mega-menu > ul > li > a:first-child span { padding-top: 25px; } ul.shanson_top_nav li.shanson-mega-menu > ul > li > ul > li:last-child { margin-bottom: 25px; } ul.shanson_top_nav li.shanson-mega-menu > ul > li > ul > li { padding-right: 5px; } ul.shanson_top_nav li.shanson-mega-menu > ul > li { margin: 0; float: left!important; display: block !important; width:25%; padding:5px 1% 0 1%; } ul.shanson_top_nav li.shanson-mega-menu ul li a { padding:0; border:0; display: block; } ul.shanson_top_nav li.shanson-mega-menu ul li a span { border:0;padding-left: 20px; padding:6px 0; } ul.shanson_top_nav li.shanson-mega-menu > ul > li > a:first-child span { margin-bottom: 8px; padding-left: 20px; cursor: default; } ul.shanson_top_nav li.shanson-mega-menu > ul > li:first-child { border:0; } ul.shanson_top_nav li.shanson-mega-menu.no-title > ul > li > a { display: none; } ul.shanson_top_nav li.shanson-mega-menu li > ul { padding: 0 0 0 20px; margin:0; border:none; left: auto; top: auto; position: relative; visibility: visible; opacity: 1; display: none; padding-left: 20px; width:100%; float:none; } ul.shanson_top_nav li.shanson-mega-menu:hover li ul { opacity: 1 !important; visibility: visible !important; display: block; } ul.shanson_top_nav li.shanson-mega-menu .sub-menu li:hover { background:none; } ul.shanson_top_nav li ul,ul.shanson_top_nav li.shanson-mega-menu > ul { border-top:1px solid; } /* 4.5 Arrow After Before ---------------------------------------------- */ ul.shanson_top_nav li.shanson-mega-menu .menu-item-has-children > a:first-child:after { display: none; } ul.shanson_top_nav li.shanson-mega-menu > ul li > a span, ul.shanson_top_nav li.shanson-mega-menu > ul li > a { position:relative; } ul.shanson_top_nav li.shanson-mega-menu > ul li > a:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; padding:5px; display:block; z-index:0; margin-left:-7px; border-radius:2px;} ul.shanson_top_nav li.shanson-mega-menu > ul li:hover > a:before { } ul.shanson_top_nav li.shanson-mega-menu > ul > li > a:first-child:before { display:none; } /* 4.6 Mobie Menu ---------------------------------------------- */ #shanson_mobi_nav ul.shanson_top_nav { display: none; z-index: 999999; } #shanson_mobi_nav #shanson_mobi_nav_btn { font-size: 16px; text-align: center; display: inline-block; cursor: pointer; font-family: "Font Awesome"; line-height: 37px; top:50%; right:0; float:right; width:36px; height:36px; } #shanson_mobi_nav { width:auto; position: relative; float:left; display: none; margin-right:30px; margin-left:20px; } #shanson_mobi_nav a { text-decoration: none; } #shanson_mobi_nav > ul { position: absolute; left:0; top: 36px; overflow: hidden; border:1px solid; } #shanson_mobi_nav ul,#shanson_mobi_nav ul li {width: 250px; display: block; margin:0; padding:0;} #shanson_mobi_nav ul { display: none; text-align: left; } #shanson_mobi_nav ul li { border-top:1px solid; } #shanson_mobi_nav ul li ul li span { padding-left: 15px; } #shanson_mobi_nav ul li i { margin-right: 5px; } #shanson_mobi_nav > ul > li > a {padding: 12px 15px; } #shanson_mobi_nav > ul > li > a > span { padding-left: 8px; } #shanson_mobi_nav ul li a {width: 100%; border-bottom: 0; padding: 12px; line-height: 20px; display: block; } #shanson_mobi_nav ul ul li a {padding-left: 25px; } #shanson_mobi_nav ul ul ul li a {padding-left: 35px; } #shanson_mobi_nav ul ul ul ul li a {padding-left: 45px; } #shanson_mobi_nav ul ul ul ul ul li a {padding-left: 55px; } #shanson_mobi_nav ul ul ul ul ul ul li a {padding-left: 65px; } #shanson_mobi_nav ul li.shanson-has-sub-menu > a {padding-right: 45px; } #shanson_mobi_nav .shanson-mini-menu-arrow {position: absolute; right: 0; top: 0; display: block; height: 44px; width: 44px; cursor: pointer; font-family: "Font Awesome"; text-align: center; line-height: 44px; } #shanson_mobi_nav .shanson-mini-menu-arrow i { line-height: 44px; font-size: 14px; } #shanson_mobi_nav ul li ul li .shanson-mini-menu-arrow { padding-left:5px; } #shanson_mobi_nav ul.shanson-nav-cat-posts li a { padding-left: 12px; } #shanson_mobi_nav ul.shanson-nav-cat-posts li a.shanson_nav_p_img { padding-bottom: 0; } .shanson_container #shanson_mobi_nav ul li { margin-left:0; position: relative; } #shanson_mobi_nav > ul > li:first-child { border-top:0; } #shanson_mobi_nav ul li,#shanson_mobi_nav li:hover { background:#fff; } #shanson_mobi_nav > ul > li > a > span > i.fa-home { font-size: 18px; } /* 4.7 Sticky Header ---------------------------------------------- */ .shanson_logo_img a { display: inline-block; } .shanson_logo_img img { } @media only screen and (min-width: 768px) { #mainHeader.sticky-on {position: fixed; width: 100%; left: 0; top: -70px; height: 70px; font-size: 14px; filter: alpha(opacity=97); z-index: 999; } #mainHeader.sticky-on img.swm-std-logo { display: none; } #mainHeader.sticky-on img.swm-sticky-logo { display: block; width:auto !important; image-rendering: auto } #mainHeader.sticky-on { min-height: 0; } #mainHeader.sticky-on ul.shanson_top_nav > li > a > span,#mainHeader.sticky-on .shanson_header_search_icon,#mainHeader.sticky-on .shanson_header_donate_btn { line-height: 70px; } .sticky-on .shanson_logo_img img { height:70px; width: auto; } .sticky-on .shanson_logo_img { width:auto; } img.swm-sticky-logo { display: none; } .shanson_l_boxed #mainHeader.sticky-on { left:auto; } /*.shanson_l_boxed #mainHeader.sticky-on .shanson_logo_menu_holder { overflow: hidden; }*/ } /* 4.8 Search Icon Section ---------------------------------------------- */ .shanson_header_search_icon span,.shanson_menubar_icon span { cursor: pointer; } .shanson_menubar_icon { float:right; } .shanson_h_search_icon,.shanson_menubar_icon { z-index: 4; position: relative; } .shanson_h_search_icon i,.shanson_menubar_icon i { width:33px; height:33px; line-height: 33px; font-size: 12px; text-align: center; display: inline-block; border-radius: 50%; } .shanson_header_search_icon { float:right; margin-right:14px; } .shanson_searchbox_holder { width:100%; height:100%; left:0; top:0; position: absolute; box-sizing: border-box; z-index: 99999; display: none; font-weight: bold; background-size: cover; } .shanson_searchbox_table { display: table; width:100%; height:100%; } .shanson_searchbox_table_cell { display: table-cell; vertical-align: middle; width:100%; height:100%; } .shanson_overlay_search_box { position: relative; padding-bottom: 10px; z-index: 999999; padding:0 0 0 25px; } .shanson_overlay_search_box .shanson_search_form { display: block; } .shanson_overlay_search_box .shanson_search_button { width:30px; background:none; float:right; padding:0; margin-right:15px; text-align: center; opacity: 0.5; } .shanson_overlay_search_box .shanson_search_button:hover { opacity: 1; background:none; } .shanson_overlay_search_box .shanson_search_form_input { border:0; padding:0; margin:0; width:90%; box-shadow: none; float:left; background:none; padding:0; } .shanson_overlay_search_box input.shanson_search_form_input:focus { border:0; background:none; box-shadow: none; } .shanson_searchbox_close { font-size:11px; position: absolute; bottom:0; right:0; display: block; text-align: center; line-height:20px; opacity:1; cursor: pointer; z-index: 9999999; width: 28px; height: 28px; border-left: solid 14px transparent; border-top: solid 14px transparent; } .shanson_searchbox_close span { position: relative; margin-top:-4px; display: block; width:11px; height:11px; } /* ---------------------------------------------- 5. Sub Header ---------------------------------------------- */ #shanson_sub_header { position: relative; padding:20px 0; text-align: center; } .shanson_sub_header_title,h1.shanson_sub_header_title { margin:0; padding:0; line-height: normal; position: relative; display: block; } .shanson_sub_header_title span { position: relative; display: inline-block; } .shanson_sub_header_title span:after, .shanson_sub_header_title span:before { content:'\f005'; font-family:fontAwesome; position: absolute; top:50%; height:20px; width:20px; line-height:20px; text-align:center; display: block; margin-top:-10px; font-size:14px; } .shanson_sub_header_title span:after { right:-35px; } .shanson_sub_header_title span:before { left:-35px; } /* 5.1 Breadcrumbs ---------------------------------------------- */ .shanson_breadcrumbs_container { position: relative; padding:4px 0; } .shanson_breadcrumbs { padding:0; display:block; position: relative; text-align: center; z-index: 1; } .shanson_breadcrumbs a { text-decoration: none; } .shanson_breadcrumbs a:hover { opacity: 0.8; } .shanson_breadcrumbs span.shanson_bc_sep { width:20px; text-align: center; padding:0 7px; } .shanson_breadcrumbs .fa-home { margin-right: 3px; } /* 5.2 Z-indexes ---------------------------------------------- */ .shanson_logo { z-index: 2; } .shanson_nav { z-index: 11; } ul.shanson_top_nav li ul { z-index: 9998; } ul.shanson_top_nav li li ul { z-index: 1000; } #top_mini_nav { z-index: 3; } #shanson_mobi_nav_btn { z-index: 999991; } #shanson_mobi_nav .shanson-mini-menu-arrow { z-index: 99; } #shanson_sub_header { z-index: 1; } .shanson_logo_menu_header { z-index: 9;} /* 5.3 Google map - Revolution slider ---------------------------------------------- */ .shanson_header_google_map,.shanson_header_slider { margin-bottom: -19px; } .home.blog .shanson_header_google_map,.home.blog .shanson_header_slider,.home.blog #shanson_sub_header { margin-bottom:0; } .shanson_header_googlemap_title { font-size: 170%; padding:10px; } .shanson_header_googlemap_info { line-height: 20px; padding:0 10px 10px; font-size: 80%; } /* ---------------------------------------------- 6. Sidebar ---------------------------------------------- */ .sidebar { display: block; padding:0; } .sidebar a { text-decoration: none; position: relative; } .shanson_widget_box { position: relative; display: block; clear:both; width:100%; position: relative; float: left; border:1px solid #e6e6e6; padding:21px 25px 25px 25px; } .sidebar .shanson_sidebar_ttl { margin:0 -25px; } .sidebar .shanson_sidebar_ttl h3 { line-height: 1em; display: block; position: relative; margin-bottom: 24px; padding:10px 25px; line-height:normal;z-index:1; } .sidebar .shanson_sidebar_ttl h3 span { display: block; width:100%; height:100%; } .sidebar .shanson_sidebar_ttl h3:before { content:''; position: absolute; top:0; left:-1px; display: block; width:3px; height:100%; z-index:2; } .sidebar .shanson_sidebar_ttl h3:after { content:'\f005'; position: absolute; top:50%; right:11px; font-family:fontAwesome; height:16px; width:16px; line-height:16px; text-align:center; display: block; margin-top:-7px; font-size:12px; color:#FFFFFF; } .sidebar .shanson_sidebar_ttl h3.current:after { content:'\f005'; position: absolute; top:50%; right:11px; font-family:fontAwesome; height:16px; width:16px; line-height:16px; text-align:center; display: block; margin-top:-7px; font-size:14px; color:rgba(191,30,55,0.9); } .sidebar .shanson_sidebar_ttl h3 span a{ color:#FFFFFF; } .sidebar .shanson_sidebar_ttl h3 span a:hover{ color:rgba(191,30,55,0.9); } .sidebar .shanson_widget_content > ul,.sidebar .shanson_widget_content ul.menu { list-style: none; margin:0 -24px; } .shanson_widget_content { width:100%; display: block; padding:0; } .sidebar p { line-height: 1.8em; } .sidebar ul li { border-bottom: 1px solid; margin:0; padding: 9px 0; display: block; line-height: 1.8em; } .sidebar ul li ul { padding:10px 0 0 0; } .sidebar ul li ul li { border:0; padding:5px 0 5px 0; } .sidebar ul li ul li:first-child { border:0; } .sidebar .shanson_widget_box,.sidebar .shanson_fb_subscribe_wid { margin-bottom:30px; } .sidebar .shanson_list_widgets ul li { padding-left:40px; position: relative; } .sidebar .shanson_list_widgets { display: block; clear:both; } .sidebar .shanson_list_widgets ul li:before { content:''; position: absolute; top:19px; left:9px; width:4px; height:4px; display: block; border-radius: 50%; opacity: 0.5; background:#606060; } .sidebar .shanson_list_widgets ul li ul li:before { top:15px; left:0; } .sidebar .shanson_list_widgets ul li:hover:before { opacity: 1; } .sidebar .shanson_list_widgets .shanson_sidebar_ttl h3 { margin-bottom: 20px; } .sidebar .shanson_list_widgets ul li:first-child { padding-top:0 } .sidebar .shanson_list_widgets ul li:first-child:before { top:10px; } .sidebar .shanson_list_widgets .shanson_widget_content > ul > li:last-child, .sidebar .widget_nav_menu .shanson_widget_content > div > ul > li:last-child { margin-bottom:-14px; border:0; padding-bottom:0; } .sidebar .shanson_list_widgets .shanson_widget_content > ul > li, .sidebar .widget_nav_menu .shanson_widget_content > div > ul > li { padding-right:25px; } .sidebar .shanson_list_widgets .shanson_widget_content > ul > li ul, .sidebar .widget_nav_menu .shanson_widget_content > div > ul > li ul { padding-right:0 } .sidebar .shanson_list_widgets .shanson_widget_content > ul > li > ul, .sidebar .widget_nav_menu .shanson_widget_content > div > ul > li > ul { padding-bottom:5px; } .sidebar .shanson_list_widgets .shanson_widget_content ul li ul li:last-child, .sidebar .widget_nav_menu .shanson_widget_content > div ul li ul li:last-child { padding-bottom:0; } .sidebar .shanson_list_widgets ul li ul li { padding-left: 15px; } .sidebar .shanson_list_widgets ul li:before { left:25px; padding-bottom:0; } .sidebar .widget_calendar .shanson_sidebar_ttl h3 { margin-bottom:21px; } .sidebar .widget_calendar .calendar_wrap { margin-top:4px; } .sidebar .widget_search .shanson_widget_box { padding-top:25px; } .sidebar .widget_search .shanson_sidebar_ttl { margin-top:-4px; } .sidebar .shanson_search_form_input { font-weight:bold; } /* ---------------------------------------------- 7. Footer ---------------------------------------------- */ /* 7.1 Widget Footer ---------------------------------------------- */ .footer { margin:0 auto; position: relative; padding:0; clear:both; background-position: center center; border-top:4px solid; } .shanson_large_footer { padding:30px 0 0 0; } .shanson_footer_bg { float:left; width:100%; text-align: center; } .shanson_footer_widget { margin-bottom: 40px; text-align: left; } .shanson_footer_widget h3 { position: relative; margin-bottom:30px; } .shanson_footer_widget h3 span { padding-left: 12px; border-left:3px solid; } .footer ul { padding:0; margin:0; } .footer ul li { border-bottom: 1px solid; position: relative; padding:7px 0; margin-left: 0; } .footer ul li i { margin-right: 5px; } .footer ul li a { text-decoration: none; } .footer .shanson_widget_content > ul > li:first-child,.footer ul.menu > li:first-child,.footer .textwidget > ul > li:first-child { border-top:1px solid; } .footer ul li:last-childx { border-bottom:0; } .footer ul ul { padding-left: 5px; margin: 0 0 0 10px;} .footer ul ul li { border:0; padding:0;} .footer ul ul li, .footer ul ol li, .footer ol ol li, .footer ol ul li { margin-bottom:0; } .footer input,.footer textarea { background: none; } .footer select { margin:0; width:100%; background: none; line-height: normal; padding:10px 12px; } .tagcloud a { border:1px solid; } /* 7.2 Contact Footer ---------------------------------------------- */ .shanson_contact_footer .shanson_contact_footer_holder.shanson_row { margin:0; } .shanson_small_footer { position: relative; display: block; width:100%; height:auto; display: block; border-top:1px solid rgba(255,255,255,0.1); padding:0 0 50px 0; line-height: 30px; background:rgba(0,0,0,0.1); } .shanson_small_footer_holder { display: block; width:100%; height:auto; border:1px solid rgba(255,255,255,0.1); border-top:0; } .shanson_contact_footer .shanson_contact_footer_holder { font-size:115%; } .footer .shanson_footer_copyright p { margin:0; padding-right: 5px; display: inline-block; } .shanson_footer_copyright a { text-decoration: none; } .shanson_footer_copyright { text-align:center; padding:21px 0;} .shanson_cf_content,.footer ul.shanson_small_footer_sm_icons li { opacity:0.7; } .shanson_cf_content:hover,.footer ul.shanson_small_footer_sm_icons li:hover { opacity:1; } .shanson_go_top_scroll_btn_wrap { border:1px solid; padding:1px; position: fixed; right:30px; bottom:85px; display: none; z-index:999; } #shanson_go_top_scroll_btn { width:41px; height:41px; line-height: 40px; font-size: 16px; display:block; text-align: center; cursor: pointer; z-index: 9999999; } .footer ul.shanson_small_footer_sm_icons li { border:0; margin:0; padding:0; display: inline-block; text-align: center; line-height:0; } .footer ul.shanson_small_footer_sm_icons li a { display: block; font-size: 18px; padding:0 9px; } .footer ul.shanson_small_footer_sm_icons li a i { margin:0; } .shanson_cf_icon { position:absolute; top:50%; right:-5px; height:60px; width:60px; text-align:right; font-size:55px; margin-top:-25px; opacity:0.07; color:#fff; } .shanson_cf_icon .fa-users { font-size:45px; line-height:50px; } .shanson_cf_icon .fa-envelope-o { line-height:47px; } .shanson_cf_column { min-height:30px; line-height:30px; padding:20px 0; text-align: center; font-weight:bold; position:relative; overflow: hidden; } .shanson_cf_column a { text-decoration:none; } .shanson_cf_content { padding:0 10px; } /* 7.3 Footer Menu ---------------------------------------------- */ .shanson_footer_menu { display: inline-block; padding-left:30px; } .shanson_footer_menu a { text-decoration: none; } .shanson_footer_menu ul li { display: inline-block; padding:0; margin:0; border:0; } .shanson_footer_menu ul { padding:0; display: inline-block; } .shanson_footer_menu ul li:after { content:'/'; width:20px; padding:0 8px 0 10px; margin:0; } .shanson_footer_menu ul li:last-child:after { display: none; } /* --------------------------------------------- 8. Blog ---------------------------------------------- */ .shanson_post_image img, .shanson_post_image { display: block; position: relative; z-index: 3; text-align: center; } .shanson_post_image { padding:0; display: block; margin-bottom:-1px; } .shanson_post_image img { margin:0 auto; } .shanson_post_image span.shanson_pf_icon_box { position: absolute; z-index: 4; top:25px; right:25px; width:46px; height:46px; line-height: 46px; text-align: center; display: block; border-radius: 50%; background:rgba(255,255,255,0.8); } .format-gallery .shanson_post_image .shanson_tile_gallery ul li span { display: none; } .shanson_post_content { position: relative; min-height:100px; height:100%; margin-bottom: 90px; clear:both; } .single .shanson_post_content { margin-bottom: 0px; } .shanson_post_content_block { position: relative; display: block; } body:not(.single-post) .shanson_blog_post.post-sticky.shanson_blog_post .shanson_post_content .shanson_post_text { border: 1px solid #e6e6e6; padding: 30px; margin-top:-1px; } body:not(.single-post) .shanson_blog_post.post-sticky.shanson_blog_post .shanson_post_content .shanson_post_meta_box { margin:0; } /* 8.1 Author ---------------------------------------------- */ /*Author*/ .shanson_post_author_avatar { width:75px; height:75px; border-radius: 100px; position: absolute; margin: 0 auto -35px -35px; left:50%; text-align: center; bottom:0; } .shanson_post_author_avatar img { width:75px; height:75px; border-radius: 100px; border:4px solid; } .shanson_post_divider,.shanson_meta_bottom_divider { height:4px; border-top:1px solid; border-bottom:1px solid; width:150px; margin:20px auto 15px; display: block; } /* 8.2 Title Section, Icon ---------------------------------------------- */ .shanson_post_title h1,.shanson_post_title h2 { margin-bottom:5px; } .shanson_post_button { position: relative; display: block; clear:both; margin:27px 0 0 0; width:auto; } .shanson_post_button a { width:auto; font-size: 90%; display: inline-block; height:42px; line-height: 40px; padding:0 28px 0 26px; margin:0; border:1px solid rgba(0,0,0,0.1); font-weight: bold; background:#fff; } /* 8.3 Meta ---------------------------------------------- */ .shanson_post_meta_box { position: relative; display: block; padding:0; margin:0 0 26px 0; border:1px solid rgba(0,0,0,0.1); background:#fff; } .shanson_post_meta { position: relative; padding:0; font-size: 90%; font-weight: normal; display:block; margin:0; overflow: hidden; } .shanson_post_meta ul { margin:0; padding:0; display: block; width:100%; } .shanson_post_meta ul li { margin:0; list-style: none; display: inline-block; line-height: normal; padding:20px 15px 20px 69px; text-transform:uppercase; font-weight:bold; font-size:95%; float:left; position:relative; min-height:50px; } .shanson_postmeta_icon { float:left; border:3px solid #f0f0f0; width:37px; height:37px; line-height:32px; display: inline-block; text-align: center; border-radius:50%; font-size:12px; margin-right:9px; position: absolute; left:24px; top:20px; } .shanson_post_meta ul li:last-child { padding-right:0; } .shanson_postmeta_topwords { opacity:0.7; } .shanson_postmeta_topwords,.shanson_postmeta_text { display: block; } .shanson_post_meta ul li.shanson_postmeta_date_holder { padding-left:74px; padding-right:26px; } .shanson_postmeta_date { position:relative; } .shanson_postmeta_date span { display: block; } .shanson_postmeta_date_day { position: absolute; left:-50px; top:0; font-size: 42px; width:auto; line-height:30px; font-weight:normal; } .shanson_postmeta_date_mobile { display: none } .shanson_post_category { text-transform: uppercase; font-weight: normal; font-size:95%; } .shanson_blog_post:not(.shanson_blog_grid) .shanson_post_category a { opacity:0.8; } .shanson_blog_post:not(.shanson_blog_grid) .shanson_post_category a:hover { opacity:1; } .shanson_post_category_sep { display: block; font-size: 5px; margin:3px 0 3px; } .shanson_post_category_sep i { margin:0 2px; color:rgba(0,0,0,0.25);} .shanson_post_bottom_meta { margin:40px 0 0 0; display: block; clear:both; } .shanson_post_share_links { display: block; text-align: center; float:right; } .shanson_post_tags { display: inline-block; float:left; margin-top: 7px; } .shanson_post_tags i { font-size: 14px; float:left; margin-right: 8px; line-height: 20px; margin-top: 3px; } .shanson_post_tags a { display: inline-block; font-size: 80%; background:transparent; border:1px solid rgba(0,0,0,0.15); text-decoration: none; padding:3px 10px; float:left; margin:0 4px 4px 0; line-height: 20px; } .shanson_post_tags a:hover { border-color:rgba(0,0,0,0.05); } .shanson_post_summary { } .format-video .shanson_blog_whitebox_border, .format-audio .shanson_blog_whitebox_border { display:none; } .format-video .shanson_post_meta_box, .format-audio .shanson_post_meta_box { margin-top:-2px; } /* 8.4 Quote ---------------------------------------------- */ .shanson_pf_quote { overflow: hidden; } body:not(.single) .shanson_only_quote_text.shanson_blog_post.format-quote .shanson_post_content_block { display: none; } body:not(.single) .shanson_only_quote_text .shanson_post_content { margin-bottom: 80px; } body:not(.single) .shanson_blog_grid.shanson_only_quote_text .shanson_post_content {margin-bottom: 70px; } .single .format-quote .shanson_pf_quote_text { padding-bottom: 30px; } .shanson_posts_list { position: relative; } .shanson_post_masonry .shanson_posts_list .shanson_row { margin:0 -13px; } .shanson_post_masonry .shanson_posts_list .shanson_column_gap { margin:0; padding:0 13px; } .shanson_post_title h2 a { text-transform: none; } .shanson_blog_post .shanson_column_gap { margin:0; } .shanson_post_image iframe,.shanson_post_image audio { display: block; } .shanson_post_ad { display: block; clear:both; position: relative; } .shanson_post_ad img { max-width: 100%; width:100%; } /* 8.5 Blog Style Grid ---------------------------------------------- */ .shanson_post_meta_grid { padding:6px 15px; } .shanson_post_meta_grid ul { padding:0; margin:0; } .shanson_post_meta_grid ul li { float:left; list-style: none; font-size:90%; padding:0; margin:0 15px 0 0; line-height:1.8em; } .shanson_post_meta_grid ul li i { margin-right:5px; font-size:90%; color:#aaa; } .shanson_blog_grid .shanson_post_meta_box { margin-bottom:20px; } .shanson_blog_grid .shanson_post_category { font-size:87%; } .shanson_blog_grid .shanson_post_content { margin-bottom:50px; } .shanson_global_image_overlay:hover .shanson_blog_grid_img .shanson_slider_box .flex-direction-nav .flex-next { right:0; left:auto; } .shanson_global_image_overlay:hover .shanson_blog_grid_img .shanson_slider_box .flex-direction-nav .flex-prev { left:0; right:auto; } /* 8.6 Grid Image Hover ---------------------------------------------- */ .shanson_global_grid_hover { position: absolute; width:100%; height:100%; display: block; z-index: 5; top:0; left:0; opacity:0; } .shanson_global_grid_hover span { position: absolute; z-index: 3; display: block; top:50%; left:50%; text-align: center; width:44px; height:44px; margin-left: 0px; margin-top: 0px; opacity: 1; } .shanson_global_grid_hover span:after { content:''; width:2px; height:0px; display: block; position: absolute; top:50%; left:50%; } .shanson_global_grid_hover span:before { content:''; height:2px; width:0px; display: block; position: absolute; top:50%; left:50%; } .shanson_global_image_overlay:hover .shanson_global_grid_hover { opacity: 0.8; } .shanson_global_image_overlay:hover .shanson_global_grid_hover span:after { height:44px; top:0; left:50%; } .shanson_global_image_overlay:hover .shanson_global_grid_hover span:before { width:44px; top:50%; left:0; } .shanson_global_image_overlay:hover .shanson_global_grid_hover span { margin-left: -22px; margin-top: -22px; } /* 8.7 Tile Gallery ---------------------------------------------- */ .shanson_tile_gallery { display: block; } .shanson_tile_gallery ul { padding:0; margin:0; } .shanson_tile_gallery ul li { padding:0; margin:0; width:25%; display: inline-block; position: relative; font-size: 0; float:left; padding-right: 1px; padding-bottom: 1px; } .shanson_tile_gallery ul li:first-child { width:100%; display: block; clear:both; padding-right: 0; } .shanson_tile_gallery ul li:nth-child(2) { clear:both; } .shanson_tile_gallery ul li:nth-child(2),.shanson_tile_gallery ul li:nth-child(3) { width:50%; } .shanson_tile_gallery ul li:nth-child(3),.shanson_tile_gallery ul li:nth-child(7) { padding-right: 0; } .shanson_tile_gallery ul li img { margin:0; padding:0; } /* 8.8 Post Single Styles ---------------------------------------------- */ .single .shanson_post_meta_box { margin:0; } .single .shanson_post_text { padding:30px; border:1px solid #e6e6e6; margin:-1px 0 0 0; } .shanson_single_section { display: block; margin-top: 30px; clear:both; } h5.shanson_single_pg_titles, #comments h3.comment-reply-title { display: block; position: relative; } h5.shanson_single_pg_titles span, #comments h3.comment-reply-title span { padding-right: 25px; z-index: 11; position: relative; } /* 8.9 About author ---------------------------------------------- */ .shanson_about_author { position: relative; clear:both; display: block; margin:0;border:1px solid #e6e6e6; padding:35px; } .single .shanson_about_author { margin-top:-1px; } .shanson_about_author img { float:left; margin: 0 20px 0 0; width:127px; height:127px; border-radius:50%; } .shanson_about_author p { padding-left: 0; overflow: hidden; margin-bottom: 10px; font-size:100%; } .shanson_about_author_biotext { overflow: hidden; } .shanson_site_content .shanson_about_author h6 { margin:0 0 7px 0; font-size: 110%; font-weight: bold; } .shanson_about_author h6 a { text-decoration: none; } .shanson_author_page_box .shanson_about_author { margin:0; } body.author .shanson_author_page_box .shanson_content_wrap { width:100%; } body.author .shanson_about_author_box { padding:0; } body.author .shanson_about_author { padding:35px; } .shanson_site_content h5.shanson_single_pg_titles { margin-bottom: 30px; } #respond h3,.shanson_single_pg_titles { margin:0; } .shanson_author_page_box { margin-bottom: 50px; } ul.shanson_post_author_icon { padding:0; margin:0; } ul.shanson_post_author_icon li { float:left; list-style: none; padding:0; margin:0 10px 0 0; font-size: 15px; } ul.shanson_post_author_icon li a { color:#888; } .single .shanson_post_single_pagination { margin-top:-1px; } /* 8.10 Related Posts ---------------------------------------------- */ .shanson_related_posts_wrap { clear:both; margin-bottom: 50px; } .shanson_related_posts { } .shanson_related_posts ul { padding:0; margin:0 -1% 0 0; } .shanson_related_posts ul li { float:left; padding:0; margin:0 4% 0 0; width:30%; list-style: none; position: relative; font-size:95%; } .shanson_related_posts ul li:last-child { margin-right: 0; } .shanson_related_posts { } .shanson_related_link { margin:0; font-size: 100%; font-weight: bold; line-height:1.5em; } .shanson_related_link a { margin-bottom: 0; } .shanson_related_posts ul li img { height:auto; max-width: 100%; } .shanson_related_post_text { display: block; clear:both; border:1px solid #e6e6e6; padding:10px 15px; margin-top:-1px; } .shanson_related_post_text span { display: block; } .shanson_related_post_text span.shanson_related_date { font-size: 90%; opacity: 0.85; } /* 8.11 Comments ---------------------------------------------- */ #comments,.shanson_container p.shanson_nocomments { padding:0 0 50px 0; clear:both; position: relative; font-size:100%; } #comment-wrap { position: relative; } #comment-wrap > ol { margin-left: 0; } #comment-wrap p { margin:0 0 25px 0; font-size:100%; } #comments p.shanson_nocomments { padding:0; clear:both; margin:0; border:0; } .comment_body { position: relative; padding:0; margin:15px 0; } .comment_avatar {float:left; display: inline-block; margin-left: -70px; } .comment_avatar img { display: inline-block; width:50px; height:50px; float:left; border-radius: 50%; } .comment_postinfo { margin-bottom: 5px; } .comment_author { margin-right: 7px; text-transform: uppercase; font-size: 90%; } .comment_author, .comment_author a { text-decoration: none; font-weight: 700; line-height:24px; margin-bottom: 10px; } .comment_date { font-size: 80%; display:inline-block; line-height: 18px; text-transform: uppercase; padding-top: 2px; } .comment_date i { margin-right: 5px; } .comment_content { padding:0 0 0 70px; position: relative; float:left; z-index:1; width:100%; } .comment_text { padding-top: 5px; } .shanson_comment_reply { display: block; position: relative; float:right; font-weight: bold; } #comments .shanson_comment_reply a.comment-reply-link,#comments .shanson_comment_reply a.comment-reply-login { padding:0 0 0 20px; display: inline-block; width:auto; text-decoration: none; font-size: 80%; line-height: 30px; cursor:pointer; margin-top:0; text-transform: uppercase; } #comments .shanson_comment_reply a.comment-reply-link i { margin-right: 5px; } #comments .shanson_comment_reply a.comment-reply-link { text-align: center; margin:0; opacity: 0.8; } #comments .shanson_comment_reply a.comment-reply-link:hover { opacity:1; } #comment-wrap ol.commentlist li ul.children { padding-left: 70px; } #comment-wrap ol { padding:0; margin:0; } #comment-wrap ol ul li { margin:0; } #comment-wrap ol li ul { padding-bottom: 0 } #comment-wrap ol li.comment,#content #comment-wrap ol li.post.pingback { background:none; list-style: none; margin-left: 0; padding:0; } #comment-wrap ol > li.comment { margin-bottom:-1px; } #comment-wrap ol > li.comment:first-child { border-top:0; padding-top: 0; } #comment-wrap ol > li.comment:last-child .comment_content { padding-bottom: 10px; } #comment-wrap ol > li.comment:first-child .comment_content { padding-top: 0; } #comments li.comment article.comment_body { padding:30px 30px 0 30px; margin-bottom:-1px; } #comment-wrap ol.commentlist li.comment ul.children { margin:0 0 1px 0; } #comments li.comment.bypostauthor article.comment_body { border:3px double #e6e6e6; } /* 8.12 Comment Form ---------------------------------------------- */ #respond { position: relative; clear:both; padding:0; } #comments #respond:after,#comments #respond:before { display: none; } #respond h3 { padding:0px; margin:0 0 30px 0; } #respond h3 i { margin-right: 10px; } #comments #respond h3 { border:0; margin:0; text-align: left; padding:0; } #comments #respond h3 i { display: none; } #comments #respond { padding:30px 0 10px 0px; border:0; width:100%; margin:0; } #comments #respond #commentform { padding:0; border:0; } #respond h3 small a#cancel-comment-reply-link { display:block; text-decoration: none; font-size: 75%; padding: 5px 0 10px 0; color:red; } #respond .form-allowed-tags,#respond p.comment-notes { display:none; } #comments #respond h3.comment-reply-title span:after,#comments #respond h3.comment-reply-title:after { display:none; } #commentform { padding:0; } #commentform label { clear:both; font-weight: normal; } #commentform textarea#comment { width: 99%; clear:both; margin: 0 0 15px 0; height:150px; } #commentform input[type=text] { width: 50%; float:left; display:inline-block; margin-right: 1%; clear:both; text-indent: 10px; } #commentform input[type=text],input[type=password], #commentform textarea { font-size:90%; padding: 10px 0; margin-bottom: 15px;} #commentform textarea { padding: 10px 2%; } #commentform p { width:auto; margin:0; } input[type=password] { margin-bottom: 0; display:inline-block; padding:12px; } #commentform .hidden { display: none; } input[type="submit"] { display: inline; font-weight: bold; } #commentform p.comment-form-author,#commentform p.comment-form-email,#commentform p.comment-form-url { width:31%; float:left; margin-right: 3%; } #commentform p.comment-form-author input[type=text],#commentform p.comment-form-email input[type=text],#commentform p.comment-form-url input[type=text]{ width:100%; } #commentform p.comment-form-url { margin-right: 0; } #commentform p.comment-form-comment { width:100%; float:left; } #commentform p.form-submit { clear:both; margin-top:10px; display: inline-block; float:left; margin-bottom: 30px; } #commentform p.form-submit input[type="submit"] { height:auto; padding:0 30px; } .post-password-form input[type=password] { padding:6px 12px; } /* 8.13 Post Single Next Prev Pagination ---------------------------------------------- */ .shanson_post_single_pagination { display: block; clear:both; margin:0 0 50px; text-transform: uppercase; font-size: 85%; font-weight: bold; border:1px solid #e6e6e6; padding:20px 15px; position: relative; overflow: hidden; } .shanson_pp_arrow { font-size: 20px; line-height: 28px; } .shanson_next_prev_box { float:left; width:49%; display: inline-block; } .shanson_pp_next { text-align: right; float:right; } .shanson_pp_link span { display: block; overflow: hidden; } .shanson_pp_prev { padding-right:30px; } .shanson_pp_next { padding-left:30px; } .shanson_pp_prev .shanson_pp_arrow { float:left; } .shanson_pp_next .shanson_pp_arrow { float:right; } .shanson_pp_link_text { font-size: 90%; padding-bottom:1px; } .shanson_pp_prev .shanson_pp_arrow { margin-right: 10px; } .shanson_pp_next .shanson_pp_arrow { margin-left: 10px; } .shanson_next_prev_box a { width:100%; height:100%; } .shanson_next_prev_box:hover .shanson_pp_arrow, .shanson_next_prev_box:hover .shanson_pp_link_text { opacity:1; } .shanson_pp_view_all { position: absolute; top:50%; left:50%; width:40px; margin-left: -20px; margin-top: -20px; } .shanson_pp_view_all span { width:40px; height:40px; line-height: 40px; line-height: 38px; display: block; border:1px solid rgba(0,0,0,0.15); text-align: center; border-radius: 50%; font-size: 18px; background:#fff; position: relative; z-index: 3; } .shanson_pp_view_all:after { content:''; position: absolute; left:50%; margin-left: -1px; top:-200px; margin-bottom: -200px; height:1000px; width:1px; display: block; background:rgba(0,0,0,0.1); z-index: 2; } /* ---------------------------------------------- 9. Pagination ---------------------------------------------- */ .shanson_pagination_wrap { width:auto; margin:0 auto 30px; text-align: center; } .shanson_pagination { width:auto; display: block; } .shanson_pagination a,.shanson_pagination .page-numbers.current, #comments .shanson-paginate-com a,#comments .shanson-paginate-com span, .shanson_pagination_menu > a,.shanson_pagination_menu > span { text-align: center; border-radius: 50%; margin:0; display: inline-block; width:36px; height:36px; line-height: 34px; } .shanson_pagination .page-numbers.current { font-weight: bold; } .shanson_pagination a.prev.page-numbers,.shanson_pagination a.next.page-numbers { position:relative; border-radius: 3px; display: inline-block; width:36px; height:36px; line-height: 34px; } .shanson_pagination a,.shanson_pagination .page-numbers.current,.shanson_pagination a.prev.page-numbers,.shanson_pagination a.next.page-numbers, #comments .shanson-paginate-com span, .shanson_pagination_menu > a,.shanson_pagination_menu > span { width:36px; height:36px; border-radius: 50%; text-align: center; line-height: 34px; font-size: 90%; } /* 9.1 Comments and Post Content Pagination ---------------------------------------------- */ #comments .shanson-paginate-com,.shanson_pagination_menu { margin-top: 30px; } #comments .shanson-paginate-com span.page-numbers.current, .shanson_pagination_menu > span { font-weight: bold; } /* 9.2 Next-Previous Posts ---------------------------------------------- */ .shanson_next_prev_pagination { font-weight: bold; font-size: 90%; clear:both; display: block; } .shanson_container .shanson_next_prev_pagination a,.shanson_next_prev_pagination a { padding:8px 15px; border-radius: 5px; text-transform: uppercase; letter-spacing: 1px; } .shanson_next_prev_pagination a:hover { text-decoration: none; } .shanson_next_prev_pagination .post-prev { float: left; } .shanson_next_prev_pagination .post-prev span { margin-right: 5px; } .shanson_next_prev_pagination .post-next { float: right; text-align: right; } .shanson_next_prev_pagination .post-next span { margin-left: 5px; } /* 9.3 Infinite Scroll ---------------------------------------------- */ .shanson_infiniteScroll_loader { position: absolute; bottom: 30px; left: 50%; margin-left: -30px; height: 24px; line-height: 24px; width: 30px; display: block; width:60px; height:60px; border-radius:5px; z-index: 999; overflow: hidden; } .shanson_infinite_scroll_style .shanson_infiniteScroll_loader { bottom:-30px; } #infscr-loading img { display: none !important } .shanson_infiniteScroll_pagination { display: none } .shanson_infiniteScroll_wrapper { position: relative; padding-bottom: 40px; } .shanson_infiniteScroll_pagination .shanson_next_prev_pagination { display: none; } .shanson_infiniteScroll_loader_wrap { display: block; position: relative; width:100%; height:100%; z-index: 9998; } .shanson_infiniteScroll_loader_holder {animation: animate 1s linear infinite; z-index:9999; clip: rect(0, 32px, 32px, 16px); height: 32px; width: 32px; position: absolute; left: calc(50% - 16px); top: calc(50% - 16px); } @keyframes animate {0% {transform: rotate(0deg) } 100% {transform: rotate(220deg) } } .shanson_infiniteScroll_loader_holder:after {animation: animate2 1s ease-in-out infinite; clip: rect(0, 32px, 32px, 16px); content:''; border-radius: 50%; height: 32px; width: 32px; position: absolute; } /* ---------------------------------------------- 10. Search Page ---------------------------------------------- */ .shanson_search_featured_img { float:left; margin-right: 25px; margin-top: 5px; } .shanson_search_featured_img img { width:150px; padding:5px; } .shanson_search_page_text { overflow: hidden; } .shanson_search_pg_subtitle { margin-bottom: 30px; } ul.shanson_search_list { padding:5px 0; margin:0 0 50px 0; } ul.shanson_search_list > li { list-style: none; margin:0 0 -1px 0; padding: 30px 30px 10px 30px; } ul.shanson_search_list > li h5 { margin:0; display: block; font-weight: bold; } ul.shanson_search_list > li h5 span { display: block; opacity: 0.7; } ul.shanson_search_list > li h5 span i { margin-right: 5px; } .shanson_page_box_content.search_pg_form form { width:70%; } .shanson_page_box_content.search_pg_form { padding:30px; } .shanson_search_page_readmore { margin-top: -15px; } .shanson_search_page_readmore a { font-weight: bold; text-transform: uppercase; font-size: 85%; } .shanson_search_page_readmore a i { margin-left: 5px; } /* 10.1 Meta ---------------------------------------------- */ .shanson_search_meta { font-weight: normal; padding-bottom: 15px; } .shanson_search_meta { position:relative; margin:0; display: block; } .shanson_search_meta ul { padding:0; margin:0; } .shanson_search_meta ul li { list-style: none; display: inline-block; margin:0 9px 0 14px; padding:5px 0 0 0; font-size: 90%; opacity: 0.8; } .shanson_search_meta ul li:before { content:"\f111"; font-family: fontAwesome; font-size: 6px; margin-left: -14px; float:left; padding: 0; text-decoration: none; } .shanson_search_meta ul li:first-child:before { content: ""; margin-left:0; } .shanson_search_meta ul li:first-child { margin-left:0; } .shanson_search_meta ul li:last-child { margin-right:0; } /* 10.2 No Result Text ---------------------------------------------- */ .shanson_search_page_no_result_text { text-align: center; } h4.shanson_no_search_result_title,.search-no-results h4.shanson_search_pg_subtitle { text-align: center; display: block; clear:both; } .shanson_search_page_no_result_text form { display: inline-block; float:none; margin-top: 20px; position: relative; } .shanson_search_page_no_result_text form input[type="text"].shanson_search_form_input { width:500px; position: relative; padding-left: 15px; } .shanson_search_page_no_result_text form button.shanson_search_button { position: absolute; top:0; right:0; background:none; padding:12px 15px 12px 12px; line-height: 24px; height:24px; } /* ---------------------------------------------- 11. Archives Page ---------------------------------------------- */ .shanson_container .shanson_archives_content ul { padding:0; margin:0 0 50px 0; } .shanson_container .shanson_archives_content ul li { list-style: none; padding:10px 0 10px 20px; margin:0; display: inline-block; width:100%; } .shanson_container .shanson_archives_content ul li:first-child { border-top:0; } .shanson_container .shanson_archives_content ul li span.shanson_archive_page_date { min-width: 100px; display: inline-block; opacity: 0.8; font-size: 90%; margin-right: 20px; } .shanson_container .shanson_archives_content ul li span.shanson_archive_page_titles { display: inline-block; margin:0; } /* ---------------------------------------------- 12. Causes Page ---------------------------------------------- */ .shanson_causes_box { margin-bottom: 30px; } .shanson_row.shanson_causes_grid { margin:0 -15px; } .shanson_causes_box .shanson_column_gap { padding:0 15px; } .shanson_cause_img { position: relative; } .shanson_cause_grid_funded { position: absolute; top:0; left:50%; border:2px solid #f7f7f7; font-size:90%; display: block; width:auto; height:36px; line-height: 32px; font-weight: bold; margin-top: -12px; z-index: 5; } .shanson_cause_grid_funded span { padding:0 15px; } .shanson_cause_bar { padding:17px 25px; position: absolute; z-index:2; bottom: 0; left: 0; display: block; width: 100%; background:rgba(255,255,255,0.3); } .shanson_cause_bar_in { position:absolute; top:0; left:0; z-index:1; width:100%; height:100% } .shanson_cause_bar_out, .shanson_cause_bar_in, .shanson_cause_bar_block { display: block; } .shanson_cause_bar_in:after { content:''; position: absolute; right:0; top:50%; margin-top:-8px; margin-right:-7px; width:15px; height:15px; display:block; border-radius:50%; background:blue; } .shanson_cause_bar_block { position: relative; height: 7px; background-color:rgba(0,0,0,0.5); } .shanson_cause_bar_out { position: absolute; top:0; left:0; height: 100%; width:30%; } .shanson_cause_text { padding:0 10px; } .shanson_cause_title_top { display: block; padding:17px 15px; margin:0 0 -1px 0; border:1px solid #e6e6e6; text-align: center; } .shanson_site_content .shanson_cause_title_top h4, .shanson_cause_title_top h4 a { margin:0; line-height:1.5em; font-size: 18px; } .shanson_cause_standard_title { display: none; } .shanson_cause_title h4 a{ font-size: 18px; } .shanson_site_content .shanson_cause_title h4 { line-height:27px; margin:5px 0; } .shanson_cause_content { clear:both; position: relative; padding:20px 25px 0 25px; border:1px solid #e6e6e6; display: block; margin-top:-1px; text-align: center; } .shanson_cause_donate_button { margin-bottom:-19px; display: block; z-index:2; position: relative; } .shanson_cause_donate_button a.button { padding:0 40px; } .shanson_cause_list_goalbox { border-top:1px solid #e6e6e6; font-weight:bold; margin:0 -25px; position: relative; z-index:1; } .shanson_cause_list_block { width:50%; z-index:1; line-height: normal; } .shanson_cause_list_block span { display: block; } .shanson_cause_list_left { border-right:1px solid #e6e6e6; padding:35px 8px 16px 20px; text-align:left; } .shanson_cause_list_right { text-align:right; padding:35px 20px 16px 8px; } .shanson_cause_list_text { font-size:80%; padding-bottom:2px; } .shanson_cause_list_number { font-size:125%; } .shanson_cause_list_center { position: absolute; top:50%; left:50%; width:43px; height:43px; border:2px solid #e6e6e6; border-radius:50%; background:#fff; z-index:2; line-height:39px; text-align: center; margin-top:-12px; margin-left:-22px; font-size:80%; } /* Cause standard view*/ .shanson_cause_standard_view .shanson_cause_img { float:left; width:39%; display: inline-block; padding-right:4px; overflow: hidden; } .shanson_cause_standard_view .shanson_cause_content { float:left; width:61%; display: inline-block; padding-top:0; clear:none; margin:0; } .shanson_cause_standard_view .shanson_cause_standard_title { display: block; padding:13px 15px 15px; margin:0 -25px 20px -25px; border-bottom:1px solid #e6e6e6; text-align: center; } .shanson_cause_standard_view .shanson_cause_standard_title h4 a { font-size: 18px; } .shanson_site_content .shanson_cause_standard_view .shanson_cause_standard_title h4 { line-height:normal; margin:0; } .shanson_cause_standard_view .shanson_cause_title_top,.shanson_cause_standard_view .shanson_global_grid_hover { display: none; } .shanson_cause_standard_view .shanson_cause_donate_button a.button { font-size: 100%; } .shanson_cause_standard_view .shanson_causes_box { margin-bottom: 50px; } .shanson_cause_standard_view_section .shanson_universal_filter_menu_holder:after, .shanson_cause_standard_view_section .shanson_universal_filter_menu_holder:before, .shanson_cause_standard_view_section .shanson_filter_menu:before, .shanson_cause_standard_view_section .shanson_filter_menu:after { display:none; } .shanson_cause_standard_view_section .shanson_universal_filter_menu_holder { text-align:left; margin-bottom:20px; } .shanson_cause_standard_view_section .shanson_filter_menu { padding-left:0; } .shanson_site_content .shanson_cause_standard_view_section .shanson_filter_menu a { margin-left:0; margin-right:25px; } .shanson_cause_standard_view_section .shanson_row { margin:0 -15px; } /* 12. 1 Cause Single Page ---------------------------------------------- */ .single .shanson_cause_text { padding:30px; text-align: left; border:1px solid #e6e6e6; } .single .shanson_causes_box { margin-bottom:0; } .shanson_cause_whitebox span { font-weight: bold; font-size: 90%; line-height: 20px; } .single .shanson_cause_whitebox { border:1px solid #e6e6e6; border-bottom:0; } .single .shanson_cause_whitebox ul { padding:20px 30px; text-align: left; margin:0; } .single .shanson_cause_whitebox ul:after { clear:both; content:''; display: block; } .single .shanson_cause_whitebox ul li span { font-size: 85%; display: block; padding:2px 0; } .single .shanson_cause_whitebox ul li span.shanson_cause_whitebox_amount { font-size:140%; } .single .shanson_cause_whitebox ul li { list-style: none; float:left; display: inline-block; margin:0 27px; position: relative; } .single .shanson_cause_whitebox ul li:first-child { margin-left:0; } .single .shanson_cause_whitebox ul li:after { content:''; display: block; position: absolute; right:0; top:50%; width:1px; height:40px; margin-top: -20px; background:#e6e6e6; margin-right: -25px; } .single .shanson_cause_whitebox ul li:last-child:after { display: none; } .single .shanson_cause_donate_button { margin:28px 30px 28px 0; } .single .shanson_cause_donate_button a { font-size: 105%; } .single .shanson_cause_single_no_featured_img .shanson_cause_whitebox { margin:10px 10px 40px 10px; } .single .shanson_cause_single_no_featured_img .shanson_cause_whitebox_border { display: none; } .shanson_cause_single_sm_icons .shanson_post_share_links { float:none; } .shanson_cause_single_sm_icons { border:1px solid #e6e6e6; border-top:0; display: block; padding:20px 20px 10px; } .single-swmsc-causes .shanson_post_single_pagination { border-top:0; } /* ---------------------------------------------- 13. Portfolio Pages ---------------------------------------------- */ .page-template-templatesportfolio-php .shanson_main_container.shanson_site_content, .page-template-templatestestimonials-php .shanson_main_container.shanson_site_content, .page-template-templatescauses-php .shanson_main_container.shanson_site_content:not(.shanson_cause_standard_view_div) { padding-top:42px; } .page-template-templatesportfolio-php .shanson_site_content, .page-template-templatestestimonials-php .shanson_site_content, .page-template-templatescauses-php .shanson_site_content { overflow:hidden; } .shanson_portfolio { overflow: visible; position: relative; padding-bottom: 25px; } .shanson_portfolio.shanson_row { margin:0 -12px; } .shanson_portfolio.shanson_row .shanson_column_gap { margin:0; padding:0 12px; } .shanson_universal_filter_menu_holder { text-align: center; margin-bottom: 44px; position: relative; } .shanson_universal_filter_menu_holder:before,.shanson_universal_filter_menu_holder:after { content:''; position: absolute; width:100%; height:1px; display: block; background:#e6e6e6; top:50%; margin-top:-1px; z-index:1; } .shanson_universal_filter_menu_holder:before { left:-50%; } .shanson_universal_filter_menu_holder:after { right:-50%; } .shanson-layout-sidebar-right .shanson_filter_menu:before, .shanson-layout-sidebar-left .shanson_filter_menu:before, .shanson-layout-sidebar-right .shanson_filter_menu:after, .shanson-layout-sidebar-left .shanson_filter_menu:after, .shanson-layout-sidebar-right .shanson_universal_filter_menu_holder:before, .shanson-layout-sidebar-left .shanson_universal_filter_menu_holder:before, .shanson-layout-sidebar-right .shanson_universal_filter_menu_holder:after, .shanson-layout-sidebar-left .shanson_universal_filter_menu_holder:after { display: none; } .shanson_portfolio_box { float:left; margin-bottom: 24px; display: block; clear:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;} .shanson_portfolio_content { padding:0; } .shanson_portfolio_content:hover .shanson_portfolio_img_hovericon { opacity: 0.9; top:50%; } .shanson_portfolio_box a img { width:100%; height:auto; display:block; line-height: 0; font-size: 0; overflow: hidden; opacity: 1; } .shanson_portfolio_box .shanson_portfolio_thumb_img { position: relative; z-index:1; overflow: hidden; padding:4px; border:1px solid #e6e6e6; } .shanson_portfolio_thumb_wrap { position: relative; z-index:1; } .shanson_pf_no_bg.shanson_portfolio_box a img,.shanson_pf_titles.shanson_portfolio_box a img { } .shanson_portfolio_text { clear:both; position: relative; padding:30px 25px 0 25px; border:1px solid #e6e6e6; display: block; margin-top:-1px; } .shanson_portfolio_text span.shanson_portfolio_title,.shanson_portfolio_text span.shanson_portfolio_title a { font-weight: bold; } .shanson_portfolio_content_section { float: left; width:100%; } .shanson_portfolio_content_section span { display: block; clear: both; } .shanson_portfolio_title { display: block; padding:0; border:1px solid #e6e6e6; background:#fff; margin-bottom:-1px; } .shanson_portfolio_title span.shanson_pf_only_title { font-weight: bold; padding:15px; display: inline-block; } span.shanson_pf_only_title,span.shanson_pf_only_title a { color:#202020; font-size: 18px; line-height: 27px; } .shanson_portfolio_text span.shanson_portfolio_subtexts { margin:-10px 0 20px; display: block; clear: both; } .shanson_portfolio > ul > li { display:inline-block; padding:0; margin:0; background: none; float: left; } .shanson_portfolio_img_hovericon { left:50%; top:0; margin-top: -25px; margin-left: -25px; width:50px; height:50px; border-radius: 50%; line-height: 50px; position: absolute; z-index: 100; text-align: center; opacity: 0; display: block; } .shanson_pf_readmore_button { display: block; clear:both; text-align: center; margin:0 0 -18px 0; } .shanson_pf_readmore_button a.button { text-decoration: none; width:auto; display: inline-block; height:36px; line-height:37px; padding:0 27px; border-radius: 30px; font-weight: bold; font-size: 85%; } /* 13.1 Horizontal Menu ---------------------------------------------- */ .shanson_filter_menu_wrap { text-align: center; margin:0 auto; } .shanson_filter_menu,ul.shanson_h_menu {display:inline-block; margin:0 auto; padding:0 13px; text-align: center; list-style: none; position: relative; z-index:2; background:#fff; } .shanson_site_content .shanson_filter_menu a, .shanson_site_content ul.events_h_menu li a,ul.shanson_h_menu li a { display: inline-block; float:none; line-height: 25px; padding:0; margin:6px 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 90%; position: relative; } .shanson_filter_menu:before,.shanson_filter_menu:after { content:''; position: absolute; width:6px; height:6px; display: block; border-radius:50%; background:#bbb; top:50%; left:0; margin-top:-3px; } .shanson_filter_menu:after { left:auto; right:0; } .shanson_horizontal_menu { text-align: center; } .shanson_site_content ul.events_h_menu li a,ul.shanson_h_menu li a { margin:0; } .shanson_site_content ul.events_h_menu li,ul.shanson_h_menu li { display: inline-block; padding:0; margin:0 2px 2px 0; list-style: none; float:none; } /* ---------------------------------------------- 14. Testimonials ---------------------------------------------- */ .shanson_testimonials .shanson_column { margin:0; position: relative; display: block; } .shanson_testimonials_pg_section { padding-top:10px; } .shanson-testimonials-slider-two.shanson_testimonials { margin:0; } .shanson_testimonials_style_one .shanson_testimonials_box { display: block; position: relative; margin-bottom: 40px; padding-right: 6px; } .shanson_testimonials_style_one .shanson_testimonials_content { border:1px solid #e6e6e6; padding:25px 30px; position: relative; } .shanson_testimonials_style_one .shanson_testimonials_content p { font-size: 1.17em; line-height: 1.9em; margin:0 0 5px 0; } .shanson_testimonials_style_one .shanson_testimonials_quote { position: absolute; right:30px; top:30px; font-size: 30px; width:20px; text-align: right; opacity:0.1 } .shanson_testimonials_style_one .shanson_testimonials_top { display: block; padding:18px 20px; border:1px solid #e6e6e6; border-bottom:0; position: relative; } .shanson_testimonials_client_img a { display: block; width:50px; height:50px;} .shanson_testimonials_style_one .shanson_testimonials_client_img,.shanson_testimonials_style_two .shanson_testimonials_client_img { z-index:2; position: relative; float:left; width:50px; height:50px; display:block; margin-right:15px; border-radius: 50%; } .shanson_testimonials_style_one .shanson_testimonials_client_img img,.shanson_testimonials_style_two .shanson_testimonials_client_img img { width:50px; height:50px; border-radius:50%; display: block; } .shanson_testimonials_style_one .shanson_testimonials_name_details span,.shanson_testimonials_style_two .shanson_testimonials_name_details span { z-index:1; display:block; padding:0; line-height:25px; } .shanson_testimonials_style_one .shanson_testimonials_name,.shanson_testimonials_style_two .shanson_testimonials_name { font-weight: bold; font-size:105%; } .shanson_testimonials_style_two .shanson_testimonials_box { display: block; position: relative; margin-bottom: 40px; padding-right: 6px; } .shanson_testimonials_style_two .shanson_testimonials_content { background:rgba(0,0,0,0.05); display: block; padding:25px 40px 25px 30px; position: relative; margin-bottom:32px; } .shanson_testimonials_style_two .shanson_testimonials_quote { position: absolute; right:25px; bottom:25px; font-size: 15px; width:20px; height:20px; text-align: right; color:rgba(0,0,0,0.3); } .shanson_testimonials_style_two .shanson_testimonials_details { opacity: 0.8; } .shanson_testimonials_style_two .shanson_testimonials_content:after {width: 0; height: 0; border-top: 25px solid rgba(0,0,0,0.05); border-right: 25px solid transparent; content:''; position: absolute; left:50px; bottom:-25px; background:transparent; } .shanson_testimonials_bottom { padding-left:25px; } /* ---------------------------------------------- 15. Blank Page ---------------------------------------------- */ body.shanson_stickyOn.page-template-blank .shanson_containers_holder { margin-top: 0; } body.page-template-blank {display: table; height: 100%; width: 100%; position: absolute; margin: 0; left: 0; right: 0; top: 0; overflow-x: hidden; clear:both; } .blank_pg_wrap { display: table-cell; float:none; vertical-align: middle; overflow: visible; width:100%; max-width: none; } .blank_pg_holder > .vc_row { margin:0; } /* ---------------------------------------------- 16. WordPress Default Widgets Styles ---------------------------------------------- */ .sidebar select { width:100%; margin:0; padding:10px 12px; background:url('../images/select.png') no-repeat right 11px; line-height: normal; } .archives-link ul li ul li:first-child { border:0; } .sidebar .textwidget > p > img { margin-top: 5px; } .sidebar form { margin-bottom: 0; } .sidebar label { margin-bottom: 10px; font-size: 100%; } .shanson_widget_box ul.menu li a i { padding-right: 7px; } /* 16.1 RSS ---------------------------------------------- */ a.rsswidget {font-weight: bold;} span.rss-date {font-size: 80%;} /* 16.2 Text ---------------------------------------------- */ .sidebar .textwidget p { } .sidebar .adwrap{ padding:15px 24px 15px 24px;} /* 16.3 Tag Colud ---------------------------------------------- */ .sidebar .tagcloud { margin:0;} .tagcloud a { padding:8px 14px;line-height: 17px; float:left; text-decoration: none;margin:0 5px 5px 0;display:inline-block;width:auto;background:none; } /* 16.4 Calendar Widget ---------------------------------------------- */ #calendar_wrap { width:100%; } #wp-calendar { margin:0; font-size: 100%;} .widget_calendar {float: left; width:100%; } #wp-calendar { width: 100% } table#wp-calendar { border:none; } #wp-calendar caption { text-align: center; font-size: 110%; margin: 0; font-weight: bold; border-bottom:0; padding:5px 0; } #wp-calendar thead { font-size: 90%; } table#wp-calendar thead th,#wp-calendar thead th { padding:3px 6px; text-align: center; } table#wp-calendar tbody td,#wp-calendar tbody td { text-align: center; padding:3px 6px; } #wp-calendar tbody td a { font-weight:bold; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 100%; text-transform: uppercase; text-align: right; vertical-align: baseline; } #wp-calendar tfoot #prev { font-size: 100%; text-transform: uppercase; padding-top: 10px; } #wp-calendar tfoot tr td { border-left:0; border-right:0; border-bottom:0; padding:0; vertical-align: baseline; } /* 16.5 Search Widget ---------------------------------------------- */ .widget_search form { margin:0; } .widget_search #shanson_search_form { margin:0; clear:both; display: block; position: relative; } .widget_search #shanson_search_form .screen-reader-text { display:block; } .widget_search #shanson_search_form input[type="text"] { margin:0; width:100%; padding:7px 7px 7px 12px; position: relative; } .widget_search #shanson_search_form #s { width:100%; outline:0; height:40px; background: transparent; border-radius: 3px; padding-left: 15px; } .widget_search #shanson_search_form button.shanson_search_button { background:none; width: 40px; line-height: 40px; font-family: FontAwesome !important; font-size:90%; border:0; height:38px; position: absolute; right:0; text-align: center;margin-top: 1px; box-shadow: none; text-shadow:none; padding:0; position: absolute; right:0; top:0; } /* 16.6 Recent Comments ---------------------------------------------- */ #content .sidebar .wp-caption p { margin:0; } /* 16.7 Captions ---------------------------------------------- */ .wp-caption { border:0; display:block; text-align:center; margin-bottom: 15px; max-width: 100%; clear:both; } .wp-caption img { padding:0; margin:0; } .wp-caption p { padding:0 10px; margin:0; font-style: italic; } p.wp-caption-text { margin:0; padding:10px; } .sidebar .textwidget img { display:block; } .sidebar .textwidget p.wp-caption-text img { display:inline-block; } .sidebar .wp-caption { border:0; display:block; margin-bottom: 15px; } .widget ul li span.post-date,.sidebar ul li span.post-date { font-size: 80%; } .widget ul li span.post-date:before,.sidebar ul li span.post-date:before { content:"- "; } .alignright { float:right; } .alignleft { float:left; }