*/ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left:30px; padding-right:0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left:0; padding-right:30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left:15px; padding-right:15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow:hidden; } .vertical-centered:before { content:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .swoop_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width: 1370px; } .body_style_boxed .top_panel > .vc_row.sc_layouts_row_fixed_on { width: 1370px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .body_style_boxed .sc_layouts_row_type_normal { padding-right: 7em; padding-left: 7em; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width:100%; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position:relative; } /* Content and Sidebar */ body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 370px; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; padding: 0.1px 0; margin-bottom:7.1rem; } .remove_margins .top_panel { margin-bottom:0 !important; } .top_panel.with_bg_image:before { content:' '; position:absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: block; } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position:absolute; z-index:1; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 0; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .header_position_under .page_content_wrap { position:relative; z-index:3; } .header_position_under .footer_wrap { position:relative; z-index:2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left:6rem; } body.menu_style_right { margin-right:6rem; } .menu_style_side .body_wrap { position:relative; overflow: hidden; max-width:100%; } .menu_style_side .menu_side_wrap { position: fixed; width: 6rem; z-index: 20000; top:0; bottom: 0; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .menu_side_wrap .logo_slogan { display:none; } .menu_side_wrap .menu_mobile_button { display:block; position:relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { left: -1.5em; text-align:left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { right: -1.5em; text-align:right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display:block; width: 5em; height: 5em; cursor:pointer; position:absolute; right:0; top: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content:' '; position:absolute; z-index:2; left:38%; top:50%; width: 25%; height: 0; margin-top:-1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left:0; top:0; height: 0; width: 100%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align:center; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; top: 48%; width: 100%; height: auto; max-height: 44%; padding-right:20px; /* Hide scrollbar */ overflow-y: scroll; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .menu_mobile .menu_mobile_nav_area ul { margin:0 auto; padding:0; list-style:none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0.6em 0 1.6em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding:0.15em 2.5em 0.15em 0; text-transform:uppercase; letter-spacing:1px; position:relative; display: inline-block; width: 30rem; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 0em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 1em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; display:block; width:1em; height:1em; line-height:1em; padding:0.25em; text-align:center; background-color: rgba(255,255,255,0.1); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0.25em 0.8em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255,255,255,0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family:'fontello'; content:'\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content:'\e835'; } .menu_mobile .search_mobile { position:absolute; left: 50%; bottom: 8rem; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position:relative; } .menu_mobile .search_mobile .search_field { width:100%; padding: 1em 3em 1em 1.5em; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding: 0.5em 1.8em; background-color:transparent; } .menu_mobile .socials_mobile { position:absolute; left: 0; bottom: 4rem; text-align:center; display:block; width: 100%; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size:1em; width:1em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing:0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:1em; line-height:inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position:relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform:none; -ms-transform:none; transform:none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 1em; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position:relative; z-index:2; } .header_widgets_wrap.header_fullwidth { overflow:hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom:0; } .sc_layouts_title_breadcrumbs:empty { display: none; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index:0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom:0; } .post_item > .post_title { margin-top:0; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.swoop_tabs .swoop_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper{ margin-top: 1.1em; } div.esg-filter-wrapper .esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height:1.4em; font-weight:normal; text-transform:uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.swoop_tabs .swoop_tabs_titles li a, div.swoop_tabs .swoop_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 0.5em 1.2em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.swoop_tabs .swoop_tabs_content { padding: 0; } div.swoop_tabs .swoop_tab_content_remove { opacity: 0; } div.swoop_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom: 2.5em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display:inline-block; margin-left:-0.3em; } /* Uncomment this if you want to stretch images to the block's width .post_featured img { width:100%; height:auto; } */ .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item.post_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '\e83c'; font-family: fontello; display: inline; font-size: inherit; font-style: normal; font-weight: 400; vertical-align: baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.7em 0 0.9em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_counters_comments:before{ content: '\e942'; font-family: fontello; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* Socials share in the post meta */ .post_share .social_items { font-size:1em; } .socials_share.socials_type_drop .social_items { padding:0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style:normal; text-transform:capitalize; } .post_meta .socials_share { display:inline; vertical-align:baseline; } .post_meta_item .socials_share .social_items { bottom:auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position:relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0,0,0,0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right: 0; text-transform: none; margin-top: 1px; margin-bottom: 1.3em; } .format-audio .post_featured .post_audio_title { font-size: 1.533rem; font-weight: 400; line-height: 1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; text-transform:none; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display:none; } .format-audio .post_featured .mejs-container { height: 52px !important; background-color: rgba(256,256,256,0.07) !important; border-radius: 5px; } .format-audio .post_featured .mejs-container .mejs-controls { height: 42px !important; padding: 0 15px; box-sizing: border-box; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time { font-size: 13px !important; font-weight: 300; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time * { font-family: Ubuntu,sans-serif; } /* .post_featured.with_thumb > iframe, */ .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 2.6em 2.33em 3.1em; border: none; border-radius: 5px; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player { padding: 2em 3em 1.75em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { border: none; background-color:transparent; } .trx_addons_audio_player .audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right:0; text-transform:none; margin-top: 1px; margin-bottom: 0.9em; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_caption { font-size: 1em; font-weight:400; line-height:1.35em; letter-spacing:1px; text-transform:none; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.8em; font-weight: 400; line-height:1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_author + .audio_caption { margin:-0.6em 0 0.25em; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { font-size: 14px !important; font-weight: 300; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time span { font-family: Rubik, sans-serif; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; margin: 0 !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; font-size: 2.3em; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; font-size: 2em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; font-size:10px; letter-spacing:0; top: -22px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 5px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height: 2px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before{ background-color: rgba(256,256,256,0.3); } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .format-video .post_featured.with_thumb .post_video:before { content:' '; display:inline-block; padding-top:55%; width:0; height:0; } .format-video .post_featured.with_thumb img { position:relative; z-index:2; } .format-video .post_featured.with_thumb .mask { z-index:3; background-color: rgba(0,0,0,0.5); opacity:0; } .format-video .post_featured.with_thumb:hover .mask { opacity:1; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; cursor: pointer; overflow:hidden; background-color: rgba(0,0,0,0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.2em; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { color: #000; background-color: #fff; overflow: visible; } .trx_addons_video_player.with_cover .video_mask { background-color: rgba(21, 25, 29, 0.76); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.2em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e920'; font-family:'fontello'; } .trx_addons_video_player.with_cover .video_hover:after, .format-video .post_featured.with_thumb .post_video_hover:after { content: ''; display: block; width: 5rem; height: 5rem; top: 50%; left: 50%; border-radius: 50%; margin-top: -2.5rem; margin-left: -2.5rem; position: absolute; background-color: rgba(255, 255, 255, 0.07); } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .format-video .post_featured.post_video_play .post_video { /*position:relative;*/ opacity:1; z-index:10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color:#000; } .format-video .post_featured.post_video_play .post_video > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align:left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height:1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p+p, .format-link .post_content p+p, .format-status .post_content p+p { margin-top:1em; } .format-aside .post_content_inner:after { display:none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top:1.6em; } /* Chat */ .format-chat p { margin-bottom:0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display:inline-block; margin-top:1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top:0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position:relative; margin-bottom:0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 5rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } /*.post_layout_excerpt.post_format_audio .post_featured,*/ .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.2rem; } .post_layout_excerpt .post_content { margin-top: 1.1rem; font-family: Lora; } .post_layout_excerpt .post_meta .post_meta_item:after{ content: ''; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top:1.6em; } .post_layout_excerpt .more-link { margin-top: 1.6rem; font-size: 0.933rem; font-weight: 500; letter-spacing: 0.02em; padding: 0; } .post_featured_wrap { position: relative; margin-bottom: 2.5em; overflow: hidden; } .post_featured_wrap .post_featured{ margin-bottom: 0em; display: table; } .post_featured_wrap .post_category { position: absolute; left: 25px; bottom: 25px; z-index: 200; } .post_featured_wrap .post_category a { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 3px; margin-right: 5px; } /* Masonry and Classic */ .post_layout_classic { position:relative; margin-bottom:4rem; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .post_layout_classic.format-aside .post_content_inner + .post_meta, .post_layout_classic.format-link .post_content_inner + .post_meta, .post_layout_classic.format-status .post_content_inner + .post_meta { margin-top:1em; } /* Chess */ .chess_wrap { overflow:hidden; } .post_layout_chess { position:relative; overflow:hidden; margin-bottom:0; } .post_layout_chess.sticky { padding:0; border-width: 0; } .post_layout_chess .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .post_layout_chess .post_featured { margin-bottom:0; width: 50%; float: right; max-height:none !important; } .post_layout_chess .post_featured_bg:before { padding-top: 100%; /* 112.5% - 16:9 */ } .post_layout_chess .post_inner { width: 50%; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin:0; } .post_layout_chess_1 .post_inner_content { padding: 0 14%; } .post_layout_chess_2 .post_inner_content { padding: 0 12%; } .post_layout_chess_3 .post_inner_content { padding: 0 10%; } .post_layout_chess .post_header { padding-top:0.1px; } .post_layout_chess .post_title { margin: 0; } .post_layout_chess .post_meta { margin-top: 1em; margin-bottom: 0 !important; } .post_layout_chess .post_header + .post_content { margin-top:1em; } .post_layout_chess .post_content_inner { overflow:hidden; position:relative; padding-bottom: 0; } .post_layout_chess:not(.post_format_aside) .post_content_inner { padding-top: 0; } .post_layout_chess .post_content_inner:after { content:' '; position:absolute; bottom:0; left:0; width:100%; height: 1em; display: none; } .post_layout_chess_1.post_format_quote .post_content_inner .post_meta, .post_layout_chess_1.post_format_link .post_content_inner .post_meta, .post_layout_chess_1.post_format_status .post_content_inner .post_meta { margin-top: 1rem; } .post_layout_chess_1.post_format_aside .post_content_inner .post_meta { margin-top: 3rem; } .post_layout_chess_1 .post_header + .post_content { margin-top:3.8rem; } .post_layout_chess_1 .more-link { margin-top: 3rem; } .post_layout_chess_1.post_format_quote .post_header, .post_layout_chess_1.post_format_link .post_header, .post_layout_chess_1.post_format_aside .post_header, .post_layout_chess_1.post_format_status .post_header, .post_layout_chess_2.post_format_quote .post_header, .post_layout_chess_2.post_format_link .post_header, .post_layout_chess_2.post_format_aside .post_header, .post_layout_chess_2.post_format_status .post_header { display:none; } .post_layout_chess_2 .post_title { font-size:1.6rem; } .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner { font-size:0.9333rem; line-height:1.5em; max-height: 15.4em; } .post_layout_chess_2 .post_meta, .post_layout_chess_3 .post_meta { font-size: 13px; line-height:18px; margin-top: 1rem; } .post_layout_chess_2.post_format_aside .post_meta { margin-top: 1.3333rem; } .post_layout_chess_2.post_format_audio .post_featured .post_audio_title, .post_layout_chess_3.post_format_audio .post_featured .post_audio_title { letter-spacing:0; } .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong { margin-top:0.8em; } .post_layout_chess_2 .more-link { margin-top: 1.5rem; } .post_layout_chess_3 .post_title { font-size:1.3333rem; line-height:1.2em; } .post_layout_chess_3 .post_content_inner { font-size:0.8667rem; line-height:1.3486em; max-height: 6.2rem; } .post_layout_chess_3 .post_content_inner, .post_layout_chess_3 .post_content_inner + .post_meta { display:none; } .post_layout_chess_3 .more-link { margin-top: 1rem; padding: 1em 2em; } .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; } .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; } .post_layout_chess_2 { width: 50%; float:left; } .post_layout_chess_2:nth-child(4n+3) .post_featured, .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; } .post_layout_chess_2:nth-child(4n+3) .post_inner, .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; } .post_layout_chess_3 { width: 33.3333%; float:left; } .post_layout_chess_3:nth-child(6n+4) .post_featured, .post_layout_chess_3:nth-child(6n+5) .post_featured, .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; } .post_layout_chess_3:nth-child(6n+4) .post_inner, .post_layout_chess_3:nth-child(6n+5) .post_inner, .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; } /* Portfolio */ .post_layout_portfolio .post_title { margin: 1em 0 0.4em; } .post_layout_portfolio .post_featured { margin-bottom:0; } .post_layout_portfolio .post_featured img { width: 100%; } /* This way not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!! ---------------------------------------------------------------------------------------------------------- */ /* .portfolio_wrap { position:relative; -webkit-column-gap: 1.6667em; -ms-column-gap: 1.6667em; column-gap: 1.6667em; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; } .portfolio_wrap.portfolio_3 { -webkit-column-count: 3; -ms-column-count: 3; column-count: 3; } .portfolio_wrap.portfolio_4 { -webkit-column-count: 4; -ms-column-count: 4; column-count: 4; } .post_layout_portfolio { position:relative; display: inline-block; margin-bottom:1.6667em; width: 100%; } */ /* This way use masonry.js script to build masonry layout and work properly in any browsers! ---------------------------------------------------------------------------------------------------------- */ .masonry_wrap, .portfolio_wrap { position:relative; margin-right:-30px; } .masonry_wrap .masonry_item, .post_layout_portfolio { position:relative; display: inline-block; vertical-align:top; padding:0 30px 30px 0; margin-bottom:0; width: 50%; border-width: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .masonry_wrap .masonry_item { padding-bottom: 0; } .masonry_wrap .post_layout_masonry { margin-bottom: 3em; } .post_layout_portfolio .label_sticky { top: -12px; left: -12px; right:auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .masonry_wrap .masonry_item-1_3, .portfolio_wrap.portfolio_3 .post_layout_portfolio { width: 33.3333%; } .masonry_wrap .masonry_item-1_4, .portfolio_wrap.portfolio_4 .post_layout_portfolio { width: 25%; } /* Gallery */ .post_layout_gallery * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_gallery .post_details { display:none; } .gallery_item_current { opacity: 0 !important; } .gallery_preview { position: fixed; z-index: 200000; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .gallery_preview:before { content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .gallery_preview_show { pointer-events: auto; } .gallery_preview_show:before { opacity: 1; } .gallery_preview_image_clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-backface-visibility: hidden; } .gallery_preview_show .gallery_preview_image_animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; -ms-transition: -ms-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .gallery_preview_image_animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -ms-transition: -ms-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .gallery_preview_description { position: absolute; z-index: 140; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery_preview_show .post_title { margin: 0 0 0.5em; } .gallery_preview_show .post_meta { font-size:1em; line-height:1.3em; margin-top:0; margin-bottom:2em; } .gallery_preview_show .post_description_content { max-width: 100%; font-size:1.1429em; line-height: 2em; } .gallery_preview_close { font-size: 2em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .gallery_preview_image_loaded .gallery_preview_close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more anf Infinite */ .nav-links-more { text-transform:uppercase; letter-spacing:1px; text-align:center; } .blog_style_excerpt .nav-links-more { margin-top: 2em; } .nav-links-more.nav-links-infinite { display:none; } .nav-links-more a { display:inline-block; padding-top: 2em; position:relative; } .nav-links-more a:before { content: '\e929'; font-family:'fontello'; font-size:1.6em; display:block; text-align:center; font-weight:normal; position:absolute; top:0; left:50%; margin-left:-0.5em; width:1em; height: 1em; line-height:1em; } .nav-links-more a:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } .nav-links-more.loading a:before { content: '\e810'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span { opacity: 0; } .nav-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow:hidden; font-size: 0.9333em; text-transform:uppercase; letter-spacing:1px; margin-top: 3em; } .body_style_fullscreen .nav-links-old { margin: 2em; } body[class*="blog_style_portfolio"] .nav-links-old, body[class*="blog_style_classic"] .nav-links-old { margin-top:1.3em; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family:'fontello'; display:inline; font-weight:normal; position:absolute; top:0; } .nav-links-old .nav-prev { float:left; position:relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e939'; left: 0; } .nav-links-old .nav-next { float:right; position:relative; padding-right:2em; } .nav-links-old .nav-next a:after { content: '\e93a'; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-pagination, .comments_pagination, .nav-links, .page_links { font-size: 1em; text-transform:uppercase; margin-top: 2.5em; text-align:center; } .nav-links { margin-top: 3.4em; } .page_links .page_links_title { margin-right: 1em; } div.esg-pagination .esg-pagination-button, .page_links > span:not(.page_links_title), .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { display:inline-block; width: 3em; height: 3em; line-height: 3em; font-size:inherit; font-weight: inherit; text-align:center; margin-right:0.6667em; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.esg-pagination .esg-pagination-button:hover, div.esg-pagination .esg-pagination-button.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next { width: auto; padding: 0 2em; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { font-size:0.8667em; text-align: left; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #ddd; overflow:hidden; text-transform:none; } .nav-links-single .nav-links a { display:block; position:relative; min-height: 5em; z-index:1; } .nav-links-single .nav-links a .nav-arrow { width:5em; height:4.6em; line-height:4.6em; overflow:hidden; text-align:center; position:absolute; top:0; left: 0; border: none; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color: #f7f7f7; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display:block; position:absolute; z-index:1; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; opacity:0; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity:0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e939'; font-family: 'fontello'; display:inline-block; position:relative; z-index:2; top: 0; opacity: 1; color: #292929; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:after { top: 0; opacity:1; } .nav-links-single .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single .nav-links .nav-next a .nav-arrow:after { content: '\e93a'; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width:50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous { float:left; text-align:left; padding-right:15px; } .nav-links-single .nav-links .nav-previous a { padding-left: 6.5em; } .nav-links-single .nav-links .nav-previous .post-title { text-align:left; } .nav-links-single .nav-links .nav-next { float:right; text-align:right; padding-left:15px; } .nav-links-single .nav-links .nav-next a { padding-right: 6.5em; } .nav-links-single .nav-links .nav-next .post-title { text-align:right; } .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .nav-links-single .nav-links .post-title { margin:0 0 3px; line-height: 1.3em; } .nav-links-single .nav-links .meta-nav { display: none; } .nav-links-single .nav-links .post_date { font-size:0.9286em; font-weight:normal; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float:none; width:auto; text-align:left; padding:0; margin:0; position: absolute; left: 1.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align:right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 0.5em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0,0,0,0); border: none; color: #fff; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff;; background-color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.6); } .image-navigation .nav-previous a:hover { padding-left:3.5em; } .image-navigation .nav-next a:hover { padding-right:3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3em; height: 3em; line-height: 3em; border: none; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 8. Single page parts -------------------------------------------------------------- */ .structured_data_snippets { display: none; } .post_item_single.format-aside .post_content, .post_item_single.format-link .post_content, .post_item_single.format-status .post_content { padding: 0; text-align:left; } .post_item_single.format-quote .post_content { background-color:transparent; padding-top:0; } .post_item_single .post_content .mejs-container{ height: 30px !important; border: 0 !important; margin-bottom: 1em; } .trx_addons_audio_player .mejs-container:not(.mejs-video) { height: 58px !important; border: 0 !important; } .trx_addons_audio_player .mejs-container .mejs-controls { height: 47px !important; padding: 0 15px; box-sizing: border-box; } .trx_addons_audio_player .mejs-container{ background-color: rgba(256,256,256,0.07) !important; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom:2.8em; } .post_featured.post_attachment { margin-bottom: 2.8em; } .entry-caption { text-align:center; font-style:italic; } .post_item_single .post_header { margin-bottom:2.5em; } .post_item_single .post_content > h1:first-child, .post_item_single .post_content > h2:first-child, .post_item_single .post_content > h3:first-child, .post_item_single .post_content > h4:first-child, .post_item_single .post_content > h5:first-child, .post_item_single .post_content > h6:first-child, .post_item_single .post_content > .vc_row:first-child h1:first-child, .post_item_single .post_content > .vc_row:first-child h2:first-child, .post_item_single .post_content > .vc_row:first-child h3:first-child, .post_item_single .post_content > .vc_row:first-child h4:first-child, .post_item_single .post_content > .vc_row:first-child h5:first-child, .post_item_single .post_content > .vc_row:first-child h6:first-child, .post_item_single .post_title { margin-top:-0.2em; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size: 1em; line-height:1.375em; margin-top: 2.2em; letter-spacing:0; overflow:hidden; } .post_item_single .post_content > .post_meta_single .post_tags { float: none; display:block; max-width: 100%; font-size: 0.94em; font-family: Lora, serif; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } /* Social share in the single post/page */ .post_item_single .post_content > .post_meta_single .post_share { float: none; display:block; max-width: 100%; margin-top: 2.8em; } .post_item_single .post_content > .post_meta_single .post_share:before { display:none; } .post_item_single .post_content > .post_meta_single .post_share .social_item { display: inline-block; margin-right: 5px; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display:block; font-size: 13px; width: 30px; height: 30px; line-height: 30px; border: 1px solid; text-align:center; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 8.5rem; padding: 2rem; position:relative; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .author_avatar { width: 7.66rem; height: 7.66rem; position: absolute; left: 2.53rem; top: 2.53rem; border-radius: 50%; overflow: hidden; } .author_avatar img { width:100%; height: auto; } .author_description { padding-left: 10.67rem; } .author_subtitle { font-size: 1em; font-family: Lora, serif; margin-bottom: 4px; display: inline-block; } .author_title { font-size: 1.067em; margin-top: 0; margin-bottom: 1.5em; } .author_bio p { margin:0; font-family: Lora, serif; } .author_bio p+p { margin-top:0.6em; } .author_bio .author_link { display:block; margin-top:0.8em; font-style: italic; letter-spacing:0; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 3.5rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .related_wrap_title { margin: 0 0 1.1em; text-align:left; } .related_wrap .related_item { text-align:center; } .related_wrap .post_categories { font-weight:700; text-transform:uppercase; font-size:12px; } .related_wrap .post_categories ul { margin: 0; padding:0; list-style:none; display:inline-block; } .related_wrap .post_categories li { display:inline-block; margin: 0; } .related_wrap .post_categories li+li { margin-left: 0.5em; } .related_wrap .post_categories li:nth-child(n+3) { display:none; /* Hide more then 2 categories */ } .related_wrap .post_title { margin: 0.2em 0 0.1em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display:block; position:absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:3em 2em; max-width: 70%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover { top: 90%; } .related_wrap .related_item_style_1 .post_title { margin: 0.8em 0; letter-spacing:1px; line-height:1.5em; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 1.1em; } .related_wrap .related_item_style_2 .post_featured img { width:100%; } .related_wrap .related_item_style_2 .post_date { font-size:10px; font-weight:bold; line-height:1.4em; text-transform:uppercase; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .comments_list_wrap .comments_closed { margin-top:2em; color:#1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 1.1em; text-align:left; } .comments_list_wrap > ul { padding: 0; margin:0; list-style: none; } .comments_list_wrap ul li + li, .comments_list_wrap li > ul > li { padding-top: 2.3em; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:6em; font-size: 1rem; } .comments_list_wrap ul > li .comment_body{ padding: 2.53rem; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { /* This way for long border under previous item */ margin-left: 6.67em; /* This way for short border under previous item */ padding-left:0; } .comments_list_wrap ul ul ul ul ul { /* padding-left:0; */ /* This way for long border under previous item */ margin-left:0; /* This way for short border under previous item */ } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 0; } .comments_list_wrap .comment_author_avatar { position: absolute; left: 2.53rem; top: 2.53rem; z-index:1; width: 7.67em; height: 7.67em; border-radius: 50%; overflow: hidden; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 4.8em; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 10.67rem; overflow:hidden; } .comments_list_wrap .comment_info { margin: -0.4em 0 1.3em; position:relative; } .comments_list_wrap .comment_author { margin:0; display:inline-block; } .comments_list_wrap .comment_posted { display:inline-block; position:relative; letter-spacing:0; font-size: 13px; line-height:inherit; font-style: normal; margin-left: 1em; } .comments_list_wrap .comment_posted_label { display:none; } .comments_list_wrap .comment_time { display:none; } .comments_list_wrap .comment_counters { margin-left: 1em; display: none; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style:italic; } .comments_list_wrap .comment_text { margin-bottom:0.5em; font-family: Lora, serif; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style: outside; } .comments_list_wrap .comment_text ol { margin:0; padding: 0 0 0 1.5em; list-style:decimal; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height:0; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border:none; } .comments_list_wrap .comment_reply { font-size: 1em; font-weight: 400; font-family: Lora, serif; line-height:1.2em; font-style: normal; letter-spacing:0; margin-top: 1.75em; margin-bottom: 0.6em; } .comments_list_wrap .comment_reply a:after{ content: '\e802'; font-family: fontello; margin-left: 0.5em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family:'fontello'; margin-right:0.2em; display: none; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 2em; } /* Comments form */ .comments_form_wrap { margin-top: 5.15rem; border-top: none; overflow:hidden; } .comments_form_wrap form { position:relative; overflow:hidden; } .comments_wrap .comments_form_title { margin: 0 0 1.1em; text-align:left; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position:relative; } .comments_wrap #cancel-comment-reply-link { font-size:0; } .comments_wrap #cancel-comment-reply-link:before { content: '\e916'; font-family: 'fontello'; font-size:18px; display:block; text-align:center; width: 2em; height: 2em; line-height: 2em; position:absolute; right: 0; top: 0; z-index: 1; } .comments_wrap .comments_notes { font-size:0.8667em; } .comments_wrap .comments_field { margin-bottom:2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_url { clear:both; } .comments_wrap .comments_field label { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding: 1.5em 2em; } .comments_wrap .comments_field textarea { min-height:11em; } /* Submit button */ .comments_wrap .form-submit { margin: 2.3em 0 0; } .comments_wrap .form-submit:before { content: ' '; clear:both; display:block; width:100%; height: 0; } .comments_wrap .form-submit input[type="submit"] { display:inline-block; } form .error_field { border-color: #CC6868 !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); } /* Result box */ .swoop_messagebox { display:inline-block; font-size:0.8667em; line-height:1.5em; padding: 1.5em; color: #006818; border: 1px solid #006818; background-color:#d8ffd8; position:absolute; z-index:1000; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); } .swoop_messagebox_style_error { color: #681800; border: 1px solid #681800; background-color:#ffd8d8; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); } .swoop_messagebox p { margin:0; } .swoop_messagebox p+p { margin-top:0.4em; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6rem 0 5rem; overflow:hidden; } .post_item_404 .page_title { float: left; width:50%; font-size: 15em; line-height: 1em; margin: 0; margin-top:0 !important; letter-spacing:0; text-align:center; } .post_item_404 .page_info { float: left; width:50%; text-align:left; padding: 0 0 0 5rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_subtitle { margin: 0; letter-spacing:1px; } .post_item_404 .page_description { margin-top: 1em; margin-bottom: 2em; text-transform:uppercase; letter-spacing:1px; line-height:1.8em; } .post_item_404 .go_home:after { content:'\e93a'; font-family:'fontello'; margin-left: 0.5em; font-size: 0.9333em; line-height:inherit; position:relative; top: 0; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height:1.2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar[class*="scheme_"] .sidebar_inner { padding: 2.6rem 2em; } .sidebar[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget+.widget, .sidebar[class*="scheme_"] .widget+.widget { margin-top: 4.15rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4.2rem; padding-bottom: 4.2rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar[class*="scheme_"] .widget.widget_fullwidth + .widget { border-top: none; margin-top: 0; } .widget p { margin:0; } .widget p+p, .widget p+div, .widget p+form { margin-top:1em; } .widget .widgettitle { font-size: 1.4286em; line-height: 1.35em; } .widget .widget_title, .widget .widgettitle { margin-top:0; margin-bottom: 1.4em; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle{ text-align:center; } .widget ul { margin:0; padding-left: 1.64em; list-style-type:none; } .widget ul ul ul ul { /* Remove padding for the levels 4+ */ padding-left: 0; } .widget li { position:relative; } .widget ul > li:before { content: ''; width: 7px; height: 7px; top: 0; margin-top: 0.8em; border-radius: 50%; position: absolute; left: -1.64em; } .widget li a img { vertical-align:baseline; } /* Widgets above and below the page (content and sidebar) */ .widgets_above_page_wrap, .widgets_above_content_wrap { font-size:1em; margin-bottom:2em; } .widgets_below_content_wrap, .widgets_below_page_wrap { font-size:1em; margin-top:2em; } .widgets_below_page_wrap { clear:both; } /* Widget: Calendar */ .widget_calendar table { width: 100%; position:relative; } .widget_calendar caption { padding-bottom:0.5em; font-weight:400; } .widget_calendar table > thead > tr { background-color: transparent !important; } .widget_calendar th, .widget_calendar td { font-size:1em !important; line-height:1.5em; font-weight:400 !important; font-style:normal; text-align:center; text-transform:uppercase; padding:2px; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 14.2857%; } .widget_calendar td { line-height:2em; padding:0; } .widget_calendar tbody td a { display:block; position:relative; font-weight:normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar tbody td a:after { content: ' '; position:absolute; left:48%; bottom: 1px; width: 3px; height: 3px; } .widget_calendar td#today { position:relative; z-index:2; } .widget_calendar td#today:before { content:' '; position:absolute; z-index:-1; left:50%; top: 50%; width: 2.2em; height: 2.2em; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .widget_calendar tfoot { position:relative; top: 0.6em; } .widget_calendar tfoot td { text-transform: none !important; } .widget_calendar td#prev { text-align:left; overflow:hidden; } .widget_calendar td#next { text-align:right; } .widget_calendar td#prev a, .widget_calendar td#next a { position:relative; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before { position:absolute; z-index:1; top: 0; width: 0.6em; height: 1em; line-height: 1.4em; display:inline-block; } .widget_calendar td#prev a:before { content: '<'; left:0; } .widget_calendar td#next a:before { content: '>'; right: 0; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left:0.5em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width:100%; overflow:hidden; position:relative; padding-bottom: 1px; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8f9'; font-family: 'fontello'; display:block; text-align:center; position:absolute; right:1.2em; top:50%; margin-top:-0.5em; width:1em; height:1em; line-height:1em; z-index:0; pointer-events: none; cursor:pointer; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width:100%; padding: 1.25em 1.5em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display:block; text-indent:-1000px; position:absolute; right:0; top:0; width:4em; height:100%; padding:0; border: none !important; background:none !important; z-index:1; cursor:pointer; } /* Widget: RSS */ .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_rss .widget_title a:first-child:before { content:'\e8ed'; font-family:'fontello'; display: inline-block; font-size:0.9em; } .widget_rss .widget_title img { display:none; } .widget_rss ul, .widget_rss li { padding-left:0 } .widget_rss li:before { display:none; } .widget_rss li+li { margin-top:2em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow:hidden; } .widget_product_tag_cloud .widget_title, .widget_tag_cloud .widget_title { margin-bottom:1em; } .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; float: left; padding: 7.5px 15px; margin: 0 4px 4px 0; font-size: 12px !important; line-height: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; /* border: 1px solid; */ box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } /* Widget: Instagram Feed */ #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top:-2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom:0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float:none; text-align:center; overflow:hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float:none; display:inline-block; overflow:hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height:1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height:1.5em; } #sb_instagram #sbi_load { margin-top:0.5em; } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin:0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display:none; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { margin-top:7.4rem; } .remove_margins .footer_wrap { margin-top:0; } .footer_copyright_inner .copyright_text, .footer_copyright_inner .socials_wrap { width: 75%; display: inline-block; margin-right: -2px; } .footer_copyright_inner .socials_wrap { width: 25%; } .footer_copyright_inner .socials_wrap { text-align: right; } /* Footer widgets */ .footer_wrap .widget { margin: 1.5em 0; } .footer_wrap li { line-height: 2.143em; } .footer_wrap .vc_col-sm-4 .widget li { display:inline-block; width: 45%; margin-right:3%; vertical-align:top; } .footer_wrap .vc_col-sm-4 .widget li li { display:block; width: 100%; margin-right:0%; } .footer_wrap .footer_fullwidth { overflow:hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align:left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align:center; margin-bottom:1.5em; } /* Footer logo */ .footer_logo_inner { padding:4em 0; overflow:hidden; text-align:center; position:relative; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content:' '; position:absolute; z-index:1; left: 50%; bottom:0; width: 1px; height: 3em; } .footer_logo_inner img { max-width:50%; } .logo_footer_text { font-size: 3.3333em; line-height:1em; letter-spacing:6px; margin:0; } .logo_footer_image + .logo_footer_text { margin:0.63em 0 2em; } /* Socials in the default footer */ .footer_socials_inner { padding:2em 0 3em; text-align:center; } /* Menu in the default footer */ .footer_menu_inner { padding:2em 0; text-align:center; } .menu_footer_nav_area > ul { padding:0; margin:0; list-style-type:none; } .menu_footer_nav_area > ul > li { display:inline-block; vertical-align: baseline; font-size: 11px; } .menu_footer_nav_area > ul > li+li:before { content: ' '; display:inline-block; width: 0; height:0.8em; margin:0 3em; vertical-align:baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a { padding: 0; display: inline-block; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; right: 5px; } .menu_footer_nav_area li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } .menu_footer_nav_area > ul > li ul { top: auto; bottom: 3em; margin-left: -3em; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a { display:block; font-size: 11px; } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size:0.9333em; padding: 1.4em 0; overflow:hidden; text-align:left; } .footer_copyright_wrap p { margin:0; } /* 11. Utils -------------------------------------------------------------- */ /* Debug window */ #debug_log { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debug_log { top:32px; } #debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debug_log_content { padding:12px; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display:none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom:0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.3em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* Visual Composer */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom:0 !important; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* Visual Composer */ .post_item_single .post_edit .vc_inline-link { display:none; } /* Magnific popup */ .mfp-bg { z-index:200001; } .mfp-wrap { z-index:200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding:0; width: 44px; text-align:center; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: none !important; } /* Instagram */ #sb_instagram .sbi_photo:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* RevSlider */ [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before, [id*="rev_slider"] .uranus.tparrows.tp-rightarrow:before { content: '\e946'; font-family: fontello; font-size: 20px !important; line-height: 90px !important; height: 80px !important; width: 30px !important; border-top: 1px solid rgba(256,256,256,0.6); } [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [id*="rev_slider"] .ares .tp-bullet { height: 6px !important; border-radius: 0; padding: 0 4px; } [id*="rev_slider"] .ares .tp-bullet.selected { width: 30px !important; } [id*="rev_slider"] .ares .tp-bullet-title { top: -7px !important; } [id*="rev_slider"] .zeus .tp-bullet { width: 9px !important; height: 9px !important; border: 1px solid #878687 !important; } [id*="rev_slider"] .zeus .tp-bullet.selected { border: 1px solid #fff !important; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow, [id*="rev_slider"] .custom.tparrows.tp-rightarrow { width: 90px !important; text-align: center !important; background-color: transparent; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow:before, [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94d'; font-family: fontello; font-size: 20px; width: 90px; text-align: center; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94e'; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:after{ content: '/'; position: absolute; left: 0; top: 5px; font-size: 35px; font-weight: 100; font-family: initial; } /* 14. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Height variants for the empty space */ .height_tiny { height: 1rem !important; } /* 15px */ .height_small { height: 2rem !important; } /* 30px */ .height_medium {height: 3.3333rem !important; } /* 50px */ .height_large, .height_big { height: 6.6667rem !important; } /* 100px */ .height_huge { height: 8.6667rem !important; } /* 130px */ /* Scroll button on the slider */ .theme_scroll_down { display:inline-block; text-align:center; cursor:pointer; text-transform:uppercase; font-size:11px !important; line-height:15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; /*'\e929';*/ font-family:'fontello'; font-size:16px !important; line-height:30px !important; display:block; text-align:center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* Makeup image */ #makeup { position:absolute; z-index:1000000; pointer-events: none; opacity:0.5; left: 50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .admin-bar #makeup { top:32px; } #makeup { /* Correct this value to position makeup image */ margin-left: 0px; margin-top: 0px; } .custom_column_1 > .vc_column-inner { background-position: left !important; } .custom_column_2 > .vc_column-inner { background-position: 70% 25% !important; } .vc_row.custom_row_1 { background-position: top !important; } .wpcf7-form-control-wrap, .wpcf7-form-control { width: 32%; margin: 0 0.5%; box-sizing: border-box; float: left; } .wpcf7-form-control-wrap > input { width: 100%; box-sizing: border-box; } /* Theme Name: Orbit Interactive Theme URI: http://orbitinteractive.org Description: Orbit Interactive - excellent WordPress theme with many different blog and header layouts Author: Orbit Interactive Author URI: http://orbitinteractive.org Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: swoop */ /* TABLE OF CONTENTS: 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Page info (page/post title, category or tag name, author, etc.) 7.4 Blog layouts 7.5 Post Formats 7.6 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins 14. Predefined classes for users -------------------------------------------------------------- */ /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 15px; } body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } li > ol, li > ul, dl > dd { margin-bottom:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; font-size: 0.934rem; font-family: Lora; } li + li{ margin-top: 0.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, a:before, a:after, button, button:before, button:after, input[type="button"], input[type="submit"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display:block; } :active, :focus { outline:0; } address { font-size: .933em; font-family: Lora, serif; } address:before { margin-right: 8px !important; } /* Tables */ table { border-collapse: collapse; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.04 ); } table th+th, table th+td, table td+th, table td+td { border: 1px solid #ddd; } table > p { margin: 0 !important; } table td, table th { padding: 1.8em 1em; border: 1px solid; } table th { font-size: 1em; font-weight: 400; text-transform:none; font-style:normal; text-align: center; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-size: 0.933em; font-weight: 400; border-color: rgba(256,256,256,0.1); } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child { border-radius: 5px 0 0 0; } .sc_table table tr:first-child th:last-child, .sc_table table tr:first-child td:last-child { border-radius: 0 5px 0 0; } .sc_table table tr:last-child th:first-child, .sc_table table tr:last-child td:first-child { border-radius: 0 0 0 5px; } .sc_table table tr:last-child th:last-child, .sc_table table tr:last-child td:last-child { border-radius: 0 0 5px 0; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote { position: relative; text-align: left; padding: 2em 3.2em 2.3em 4.67em; border-radius: 5px; border: 1px solid; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size: 1.6em; display: block; position: absolute; top: 1.3em; left: 1.3em; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 1.067em; line-height: 2em; font-weight: 400; font-family: Lora; } blockquote > a, blockquote > p > a, blockquote > cite, blockquote > p > cite { display: block; font-size: 0.933rem; line-height: 1.35em; font-weight: 400; font-style: normal; text-transform: none; margin-top: 0.8em; letter-spacing: 0.02em; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 2.6rem 0; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing:0; } pre { overflow: auto; max-width: 100%; } pre { display:block; overflow: auto; max-width: 100%; padding: 2em; border: 1px solid #888; background-color: #f7f7f7; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; } /* Images */ img { max-width: 100%; /* width: auto; */ /* Only height: auto; not both! */ height: auto; vertical-align:top; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; } figure figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; font-size: 11px; font-weight:300; font-style:normal; text-align:center; line-height:15px; padding: 6px 10px; } figure:hover figcaption, .wp-caption:hover .wp-caption-text, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { line-height: inherit; font-weight: inherit; font-size: inherit; width:auto; margin:0; } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom:0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button { overflow: visible; } input[placeholder] { text-overflow:ellipsis; } input::-webkit-input-placeholder { text-overflow:ellipsis; } input::-moz-placeholder { text-overflow:ellipsis; } input:-ms-input-placeholder { text-overflow:ellipsis; } textarea, textarea.wp-editor-area, select, option, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } /*input[type="search"]::-webkit-search-cancel-button,*/ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } /* Required fields */ label.required:after { content:'*'; display: none; vertical-align:text-top; font-size:80%; color:#da6f5b; } /* Field set */ fieldset { padding: 1em 1.5em; margin: 1.5em 0.2em; border: 1px solid #ddd; position:relative; } fieldset legend { position:absolute; top: -0.6em; left: 1.5em; background-color:#fff; font-weight:400; font-style:italic; padding: 0 0.2em; letter-spacing:0; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, #buddypress div.activity-meta a, a.bp-title-button, /* Booked */ body #booked-profile-page input[type="submit"], body #booked-profile-page button, body .booked-list-view input[type="submit"], body .booked-list-view button, body table.booked-calendar input[type="submit"], body table.booked-calendar button, body .booked-modal input[type="submit"], body .booked-modal button, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_link, .sc_action_item_link, /* Tribe Events */ #tribe-bar-form .tribe-bar-submit input[type="submit"], #tribe-bar-form button, #tribe-bar-form a, #tribe-bar-form input, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-cal-links a, .tribe-events-sub-nav li a, .tribe-events-read-more, /* WooCommerce buttons */ .woocommerce .button, .woocommerce-page .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button .woocommerce #respond input#submit, .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond p.form-submit input[type="submit"], .woocommerce-page #review_form #respond p.form-submit input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce table.cart td.actions .button, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display:inline-block; text-transform:none; white-space:nowrap; padding: 1.215em 3em; font-size:0.933rem; line-height:15px; font-weight:500; letter-spacing:0.02em; border-width: 0 !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding:0.8em 1.6em; } /* Bordered button */ .sc_button.sc_button_bordered { border-width: 2px !important; padding: 1.3em 2.8em; } .sc_button.sc_button_bordered.sc_button_size_small { padding:0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-style:italic; font-weight:400; font-size:1em; line-height:1.25em; letter-spacing:0; text-transform:none; border: none; padding: 0 1.8em 0 0; } .sc_button_simple:before, .sc_button_simple:after { content:'\e93a'; font-family:'fontello'; font-style:normal; } /* Buttons in widgets */ .widget.woocommerce .button, .widget.WOOCS_CONVERTER .button, .widget.yith-woocompare-widget a.button, .widget.yith-woocompare-widget a.clear-all { font-size:11px; line-height: 16px; padding:10px 16px; } .widget.woocommerce .button+.button { margin-left: 3px; } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area, /* BB Press*/ #buddypress div.dir-search input[type="search"], #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="search"], #buddypress li.groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea { padding: 1.18em 1.43em; border: 1px solid #ddd; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="search"]:hover, select:hover, textarea:hover, textarea.wp-editor-area:hover { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.08 ); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.16 ); } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:10em; } .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { padding: 1em 1.2em; } /* Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { position:relative; padding-left:1.4em; line-height:1.5em; } input[type="radio"] + label:before, input[type="checkbox"] + label:before { content:' '; font-family:fontello; display:block; text-align:center; border: 1px solid #eee; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; width:0.6em; height:0.6em; line-height:0.53em; } input[type="radio"] + label:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + label:before { content:'\e8ab'; } input[type="radio"]:checked + label:before { content:'\e83c'; } /* Select container (dropdown) */ select { text-overflow:ellipsis; } .select_container { width:100%; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .select_container:before { content:' '; display:block; position:absolute; right:0; top:0; bottom: 0; width: 3em; z-index:1; pointer-events: none; cursor:pointer; } .select_container:after { content:'\e828'; font-family: 'fontello'; display:block; line-height:1em; width: 1em; height: 1em; text-align:center; position:absolute; right:1em; top:50%; margin-top:-0.5em; z-index:2; pointer-events: none; cursor:pointer; } .select_container select { background:none !important; border: none !important; width: 99% !important; /* use 100% if .select_container haven't border radius, else - only 99% */ padding:1.4em 1.4em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 2em !important; padding-top:0.75em; padding-bottom:0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0.5em; } /* Select2 - Advanced select with search */ .select2-container .select2-choice, .select2-container .select2-selection { height: auto; border: 2px solid #ddd; padding:1em 0 1em 1.4em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .select2-drop-active { border: none; } .select2-results { border: 1px solid #ddd; } .select2-search { padding: 4px 0; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin:0 !important; padding:0 !important; display: none; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.8em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; } .alignright { display: inline-block; float: right; margin-left: 2em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; text-align:center; } figure.alignleft, figure.alignright { margin-top:0.5em; } figure.aligncenter { margin-bottom:1em; } /* Sticky posts */ .sticky_wrap { margin-bottom: 5em; } .sticky { position:relative; border: 2px solid #ddd; padding: 2em; } .sidebar_hide .sticky_wrap .sticky, .body_style_fullwide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align:center; } .sticky .label_sticky { display:block; position:absolute; z-index:1; right: -14px; top: -14px; width: 0; height: 0; border: 12px solid transparent; border-top-color:#ddd; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .post_title { margin-top: 0.5em; margin-bottom:0; text-transform:uppercase; letter-spacing:1px; } /* Gallery */ .gallery { margin: 0 -5px; } .gallery-caption {display: block;} .bypostauthor {display: block;} .gallery .gallery-item { display: inline-block; vertical-align:top; margin-bottom:1em; overflow:hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 15px; margin: 0 5px; padding: 6px; font-size:11px; max-height: 42px; } .gallery .gallery-item:hover .gallery-caption { bottom: -200px; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:0.2em; } .post-password-form input[type="password"] { padding:1.2em; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; margin-right: -30px; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between column's tags: Right: Wrong: ... ... ... ... */ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left:30px; padding-right:0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left:0; padding-right:30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left:15px; padding-right:15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow:hidden; } .vertical-centered:before { content:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .swoop_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width: 1370px; } .body_style_boxed .top_panel > .vc_row.sc_layouts_row_fixed_on { width: 1370px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .body_style_boxed .sc_layouts_row_type_normal { padding-right: 7em; padding-left: 7em; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width:100%; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position:relative; } /* Content and Sidebar */ body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 370px; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; padding: 0.1px 0; margin-bottom:7.1rem; } .remove_margins .top_panel { margin-bottom:0 !important; } .top_panel.with_bg_image:before { content:' '; position:absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: block; } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position:absolute; z-index:1; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 0; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .header_position_under .page_content_wrap { position:relative; z-index:3; } .header_position_under .footer_wrap { position:relative; z-index:2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left:6rem; } body.menu_style_right { margin-right:6rem; } .menu_style_side .body_wrap { position:relative; overflow: hidden; max-width:100%; } .menu_style_side .menu_side_wrap { position: fixed; width: 6rem; z-index: 20000; top:0; bottom: 0; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .menu_side_wrap .logo_slogan { display:none; } .menu_side_wrap .menu_mobile_button { display:block; position:relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { left: -1.5em; text-align:left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { right: -1.5em; text-align:right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display:block; width: 5em; height: 5em; cursor:pointer; position:absolute; right:0; top: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content:' '; position:absolute; z-index:2; left:38%; top:50%; width: 25%; height: 0; margin-top:-1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left:0; top:0; height: 0; width: 100%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align:center; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; top: 48%; width: 100%; height: auto; max-height: 44%; padding-right:20px; /* Hide scrollbar */ overflow-y: scroll; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .menu_mobile .menu_mobile_nav_area ul { margin:0 auto; padding:0; list-style:none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0.6em 0 1.6em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding:0.15em 2.5em 0.15em 0; text-transform:uppercase; letter-spacing:1px; position:relative; display: inline-block; width: 30rem; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 0em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 1em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; display:block; width:1em; height:1em; line-height:1em; padding:0.25em; text-align:center; background-color: rgba(255,255,255,0.1); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0.25em 0.8em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255,255,255,0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family:'fontello'; content:'\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content:'\e835'; } .menu_mobile .search_mobile { position:absolute; left: 50%; bottom: 8rem; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position:relative; } .menu_mobile .search_mobile .search_field { width:100%; padding: 1em 3em 1em 1.5em; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding: 0.5em 1.8em; background-color:transparent; } .menu_mobile .socials_mobile { position:absolute; left: 0; bottom: 4rem; text-align:center; display:block; width: 100%; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size:1em; width:1em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing:0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:1em; line-height:inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position:relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform:none; -ms-transform:none; transform:none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 1em; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position:relative; z-index:2; } .header_widgets_wrap.header_fullwidth { overflow:hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom:0; } .sc_layouts_title_breadcrumbs:empty { display: none; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index:0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom:0; } .post_item > .post_title { margin-top:0; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.swoop_tabs .swoop_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper{ margin-top: 1.1em; } div.esg-filter-wrapper .esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height:1.4em; font-weight:normal; text-transform:uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.swoop_tabs .swoop_tabs_titles li a, div.swoop_tabs .swoop_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 0.5em 1.2em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.swoop_tabs .swoop_tabs_content { padding: 0; } div.swoop_tabs .swoop_tab_content_remove { opacity: 0; } div.swoop_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom: 2.5em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display:inline-block; margin-left:-0.3em; } /* Uncomment this if you want to stretch images to the block's width .post_featured img { width:100%; height:auto; } */ .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item.post_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '\e83c'; font-family: fontello; display: inline; font-size: inherit; font-style: normal; font-weight: 400; vertical-align: baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.7em 0 0.9em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_counters_comments:before{ content: '\e942'; font-family: fontello; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* Socials share in the post meta */ .post_share .social_items { font-size:1em; } .socials_share.socials_type_drop .social_items { padding:0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style:normal; text-transform:capitalize; } .post_meta .socials_share { display:inline; vertical-align:baseline; } .post_meta_item .socials_share .social_items { bottom:auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position:relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0,0,0,0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right: 0; text-transform: none; margin-top: 1px; margin-bottom: 1.3em; } .format-audio .post_featured .post_audio_title { font-size: 1.533rem; font-weight: 400; line-height: 1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; text-transform:none; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display:none; } .format-audio .post_featured .mejs-container { height: 52px !important; background-color: rgba(256,256,256,0.07) !important; border-radius: 5px; } .format-audio .post_featured .mejs-container .mejs-controls { height: 42px !important; padding: 0 15px; box-sizing: border-box; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time { font-size: 13px !important; font-weight: 300; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time * { font-family: Ubuntu,sans-serif; } /* .post_featured.with_thumb > iframe, */ .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 2.6em 2.33em 3.1em; border: none; border-radius: 5px; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player { padding: 2em 3em 1.75em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { border: none; background-color:transparent; } .trx_addons_audio_player .audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right:0; text-transform:none; margin-top: 1px; margin-bottom: 0.9em; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_caption { font-size: 1em; font-weight:400; line-height:1.35em; letter-spacing:1px; text-transform:none; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.8em; font-weight: 400; line-height:1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_author + .audio_caption { margin:-0.6em 0 0.25em; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { font-size: 14px !important; font-weight: 300; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time span { font-family: Rubik, sans-serif; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; margin: 0 !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; font-size: 2.3em; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; font-size: 2em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; font-size:10px; letter-spacing:0; top: -22px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 5px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height: 2px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before{ background-color: rgba(256,256,256,0.3); } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .format-video .post_featured.with_thumb .post_video:before { content:' '; display:inline-block; padding-top:55%; width:0; height:0; } .format-video .post_featured.with_thumb img { position:relative; z-index:2; } .format-video .post_featured.with_thumb .mask { z-index:3; background-color: rgba(0,0,0,0.5); opacity:0; } .format-video .post_featured.with_thumb:hover .mask { opacity:1; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; cursor: pointer; overflow:hidden; background-color: rgba(0,0,0,0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.2em; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { color: #000; background-color: #fff; overflow: visible; } .trx_addons_video_player.with_cover .video_mask { background-color: rgba(21, 25, 29, 0.76); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.2em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e920'; font-family:'fontello'; } .trx_addons_video_player.with_cover .video_hover:after, .format-video .post_featured.with_thumb .post_video_hover:after { content: ''; display: block; width: 5rem; height: 5rem; top: 50%; left: 50%; border-radius: 50%; margin-top: -2.5rem; margin-left: -2.5rem; position: absolute; background-color: rgba(255, 255, 255, 0.07); } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .format-video .post_featured.post_video_play .post_video { /*position:relative;*/ opacity:1; z-index:10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color:#000; } .format-video .post_featured.post_video_play .post_video > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align:left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height:1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p+p, .format-link .post_content p+p, .format-status .post_content p+p { margin-top:1em; } .format-aside .post_content_inner:after { display:none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top:1.6em; } /* Chat */ .format-chat p { margin-bottom:0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display:inline-block; margin-top:1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top:0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position:relative; margin-bottom:0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 5rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } /*.post_layout_excerpt.post_format_audio .post_featured,*/ .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.2rem; } .post_layout_excerpt .post_content { margin-top: 1.1rem; font-family: Lora; } .post_layout_excerpt .post_meta .post_meta_item:after{ content: ''; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top:1.6em; } .post_layout_excerpt .more-link { margin-top: 1.6rem; font-size: 0.933rem; font-weight: 500; letter-spacing: 0.02em; padding: 0; } .post_featured_wrap { position: relative; margin-bottom: 2.5em; overflow: hidden; } .post_featured_wrap .post_featured{ margin-bottom: 0em; display: table; } .post_featured_wrap .post_category { position: absolute; left: 25px; bottom: 25px; z-index: 200; } .post_featured_wrap .post_category a { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 3px; margin-right: 5px; } /* Masonry and Classic */ .post_layout_classic { position:relative; margin-bottom:4rem; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .post_layout_classic.format-aside .post_content_inner + .post_meta, .post_layout_classic.format-link .post_content_inner + .post_meta, .post_layout_classic.format-status .post_content_inner + .post_meta { margin-top:1em; } /* Chess */ .chess_wrap { overflow:hidden; } .post_layout_chess { position:relative; overflow:hidden; margin-bottom:0; } .post_layout_chess.sticky { padding:0; border-width: 0; } .post_layout_chess .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .post_layout_chess .post_featured { margin-bottom:0; width: 50%; float: right; max-height:none !important; } .post_layout_chess .post_featured_bg:before { padding-top: 100%; /* 112.5% - 16:9 */ } .post_layout_chess .post_inner { width: 50%; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin:0; } .post_layout_chess_1 .post_inner_content { padding: 0 14%; } .post_layout_chess_2 .post_inner_content { padding: 0 12%; } .post_layout_chess_3 .post_inner_content { padding: 0 10%; } .post_layout_chess .post_header { padding-top:0.1px; } .post_layout_chess .post_title { margin: 0; } .post_layout_chess .post_meta { margin-top: 1em; margin-bottom: 0 !important; } .post_layout_chess .post_header + .post_content { margin-top:1em; } .post_layout_chess .post_content_inner { overflow:hidden; position:relative; padding-bottom: 0; } .post_layout_chess:not(.post_format_aside) .post_content_inner { padding-top: 0; } .post_layout_chess .post_content_inner:after { content:' '; position:absolute; bottom:0; left:0; width:100%; height: 1em; display: none; } .post_layout_chess_1.post_format_quote .post_content_inner .post_meta, .post_layout_chess_1.post_format_link .post_content_inner .post_meta, .post_layout_chess_1.post_format_status .post_content_inner .post_meta { margin-top: 1rem; } .post_layout_chess_1.post_format_aside .post_content_inner .post_meta { margin-top: 3rem; } .post_layout_chess_1 .post_header + .post_content { margin-top:3.8rem; } .post_layout_chess_1 .more-link { margin-top: 3rem; } .post_layout_chess_1.post_format_quote .post_header, .post_layout_chess_1.post_format_link .post_header, .post_layout_chess_1.post_format_aside .post_header, .post_layout_chess_1.post_format_status .post_header, .post_layout_chess_2.post_format_quote .post_header, .post_layout_chess_2.post_format_link .post_header, .post_layout_chess_2.post_format_aside .post_header, .post_layout_chess_2.post_format_status .post_header { display:none; } .post_layout_chess_2 .post_title { font-size:1.6rem; } .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner { font-size:0.9333rem; line-height:1.5em; max-height: 15.4em; } .post_layout_chess_2 .post_meta, .post_layout_chess_3 .post_meta { font-size: 13px; line-height:18px; margin-top: 1rem; } .post_layout_chess_2.post_format_aside .post_meta { margin-top: 1.3333rem; } .post_layout_chess_2.post_format_audio .post_featured .post_audio_title, .post_layout_chess_3.post_format_audio .post_featured .post_audio_title { letter-spacing:0; } .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong { margin-top:0.8em; } .post_layout_chess_2 .more-link { margin-top: 1.5rem; } .post_layout_chess_3 .post_title { font-size:1.3333rem; line-height:1.2em; } .post_layout_chess_3 .post_content_inner { font-size:0.8667rem; line-height:1.3486em; max-height: 6.2rem; } .post_layout_chess_3 .post_content_inner, .post_layout_chess_3 .post_content_inner + .post_meta { display:none; } .post_layout_chess_3 .more-link { margin-top: 1rem; padding: 1em 2em; } .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; } .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; } .post_layout_chess_2 { width: 50%; float:left; } .post_layout_chess_2:nth-child(4n+3) .post_featured, .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; } .post_layout_chess_2:nth-child(4n+3) .post_inner, .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; } .post_layout_chess_3 { width: 33.3333%; float:left; } .post_layout_chess_3:nth-child(6n+4) .post_featured, .post_layout_chess_3:nth-child(6n+5) .post_featured, .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; } .post_layout_chess_3:nth-child(6n+4) .post_inner, .post_layout_chess_3:nth-child(6n+5) .post_inner, .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; } /* Portfolio */ .post_layout_portfolio .post_title { margin: 1em 0 0.4em; } .post_layout_portfolio .post_featured { margin-bottom:0; } .post_layout_portfolio .post_featured img { width: 100%; } /* This way not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!! ---------------------------------------------------------------------------------------------------------- */ /* .portfolio_wrap { position:relative; -webkit-column-gap: 1.6667em; -ms-column-gap: 1.6667em; column-gap: 1.6667em; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; } .portfolio_wrap.portfolio_3 { -webkit-column-count: 3; -ms-column-count: 3; column-count: 3; } .portfolio_wrap.portfolio_4 { -webkit-column-count: 4; -ms-column-count: 4; column-count: 4; } .post_layout_portfolio { position:relative; display: inline-block; margin-bottom:1.6667em; width: 100%; } */ /* This way use masonry.js script to build masonry layout and work properly in any browsers! ---------------------------------------------------------------------------------------------------------- */ .masonry_wrap, .portfolio_wrap { position:relative; margin-right:-30px; } .masonry_wrap .masonry_item, .post_layout_portfolio { position:relative; display: inline-block; vertical-align:top; padding:0 30px 30px 0; margin-bottom:0; width: 50%; border-width: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .masonry_wrap .masonry_item { padding-bottom: 0; } .masonry_wrap .post_layout_masonry { margin-bottom: 3em; } .post_layout_portfolio .label_sticky { top: -12px; left: -12px; right:auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .masonry_wrap .masonry_item-1_3, .portfolio_wrap.portfolio_3 .post_layout_portfolio { width: 33.3333%; } .masonry_wrap .masonry_item-1_4, .portfolio_wrap.portfolio_4 .post_layout_portfolio { width: 25%; } /* Gallery */ .post_layout_gallery * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_gallery .post_details { display:none; } .gallery_item_current { opacity: 0 !important; } .gallery_preview { position: fixed; z-index: 200000; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .gallery_preview:before { content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .gallery_preview_show { pointer-events: auto; } .gallery_preview_show:before { opacity: 1; } .gallery_preview_image_clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-backface-visibility: hidden; } .gallery_preview_show .gallery_preview_image_animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; -ms-transition: -ms-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .gallery_preview_image_animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -ms-transition: -ms-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .gallery_preview_description { position: absolute; z-index: 140; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery_preview_show .post_title { margin: 0 0 0.5em; } .gallery_preview_show .post_meta { font-size:1em; line-height:1.3em; margin-top:0; margin-bottom:2em; } .gallery_preview_show .post_description_content { max-width: 100%; font-size:1.1429em; line-height: 2em; } .gallery_preview_close { font-size: 2em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .gallery_preview_image_loaded .gallery_preview_close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more anf Infinite */ .nav-links-more { text-transform:uppercase; letter-spacing:1px; text-align:center; } .blog_style_excerpt .nav-links-more { margin-top: 2em; } .nav-links-more.nav-links-infinite { display:none; } .nav-links-more a { display:inline-block; padding-top: 2em; position:relative; } .nav-links-more a:before { content: '\e929'; font-family:'fontello'; font-size:1.6em; display:block; text-align:center; font-weight:normal; position:absolute; top:0; left:50%; margin-left:-0.5em; width:1em; height: 1em; line-height:1em; } .nav-links-more a:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } .nav-links-more.loading a:before { content: '\e810'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span { opacity: 0; } .nav-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow:hidden; font-size: 0.9333em; text-transform:uppercase; letter-spacing:1px; margin-top: 3em; } .body_style_fullscreen .nav-links-old { margin: 2em; } body[class*="blog_style_portfolio"] .nav-links-old, body[class*="blog_style_classic"] .nav-links-old { margin-top:1.3em; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family:'fontello'; display:inline; font-weight:normal; position:absolute; top:0; } .nav-links-old .nav-prev { float:left; position:relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e939'; left: 0; } .nav-links-old .nav-next { float:right; position:relative; padding-right:2em; } .nav-links-old .nav-next a:after { content: '\e93a'; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-pagination, .comments_pagination, .nav-links, .page_links { font-size: 1em; text-transform:uppercase; margin-top: 2.5em; text-align:center; } .nav-links { margin-top: 3.4em; } .page_links .page_links_title { margin-right: 1em; } div.esg-pagination .esg-pagination-button, .page_links > span:not(.page_links_title), .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { display:inline-block; width: 3em; height: 3em; line-height: 3em; font-size:inherit; font-weight: inherit; text-align:center; margin-right:0.6667em; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.esg-pagination .esg-pagination-button:hover, div.esg-pagination .esg-pagination-button.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next { width: auto; padding: 0 2em; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { font-size:0.8667em; text-align: left; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #ddd; overflow:hidden; text-transform:none; } .nav-links-single .nav-links a { display:block; position:relative; min-height: 5em; z-index:1; } .nav-links-single .nav-links a .nav-arrow { width:5em; height:4.6em; line-height:4.6em; overflow:hidden; text-align:center; position:absolute; top:0; left: 0; border: none; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color: #f7f7f7; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display:block; position:absolute; z-index:1; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; opacity:0; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity:0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e939'; font-family: 'fontello'; display:inline-block; position:relative; z-index:2; top: 0; opacity: 1; color: #292929; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:after { top: 0; opacity:1; } .nav-links-single .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single .nav-links .nav-next a .nav-arrow:after { content: '\e93a'; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width:50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous { float:left; text-align:left; padding-right:15px; } .nav-links-single .nav-links .nav-previous a { padding-left: 6.5em; } .nav-links-single .nav-links .nav-previous .post-title { text-align:left; } .nav-links-single .nav-links .nav-next { float:right; text-align:right; padding-left:15px; } .nav-links-single .nav-links .nav-next a { padding-right: 6.5em; } .nav-links-single .nav-links .nav-next .post-title { text-align:right; } .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .nav-links-single .nav-links .post-title { margin:0 0 3px; line-height: 1.3em; } .nav-links-single .nav-links .meta-nav { display: none; } .nav-links-single .nav-links .post_date { font-size:0.9286em; font-weight:normal; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float:none; width:auto; text-align:left; padding:0; margin:0; position: absolute; left: 1.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align:right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 0.5em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0,0,0,0); border: none; color: #fff; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff;; background-color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.6); } .image-navigation .nav-previous a:hover { padding-left:3.5em; } .image-navigation .nav-next a:hover { padding-right:3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3em; height: 3em; line-height: 3em; border: none; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 8. Single page parts -------------------------------------------------------------- */ .structured_data_snippets { display: none; } .post_item_single.format-aside .post_content, .post_item_single.format-link .post_content, .post_item_single.format-status .post_content { padding: 0; text-align:left; } .post_item_single.format-quote .post_content { background-color:transparent; padding-top:0; } .post_item_single .post_content .mejs-container{ height: 30px !important; border: 0 !important; margin-bottom: 1em; } .trx_addons_audio_player .mejs-container:not(.mejs-video) { height: 58px !important; border: 0 !important; } .trx_addons_audio_player .mejs-container .mejs-controls { height: 47px !important; padding: 0 15px; box-sizing: border-box; } .trx_addons_audio_player .mejs-container{ background-color: rgba(256,256,256,0.07) !important; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom:2.8em; } .post_featured.post_attachment { margin-bottom: 2.8em; } .entry-caption { text-align:center; font-style:italic; } .post_item_single .post_header { margin-bottom:2.5em; } .post_item_single .post_content > h1:first-child, .post_item_single .post_content > h2:first-child, .post_item_single .post_content > h3:first-child, .post_item_single .post_content > h4:first-child, .post_item_single .post_content > h5:first-child, .post_item_single .post_content > h6:first-child, .post_item_single .post_content > .vc_row:first-child h1:first-child, .post_item_single .post_content > .vc_row:first-child h2:first-child, .post_item_single .post_content > .vc_row:first-child h3:first-child, .post_item_single .post_content > .vc_row:first-child h4:first-child, .post_item_single .post_content > .vc_row:first-child h5:first-child, .post_item_single .post_content > .vc_row:first-child h6:first-child, .post_item_single .post_title { margin-top:-0.2em; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size: 1em; line-height:1.375em; margin-top: 2.2em; letter-spacing:0; overflow:hidden; } .post_item_single .post_content > .post_meta_single .post_tags { float: none; display:block; max-width: 100%; font-size: 0.94em; font-family: Lora, serif; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } /* Social share in the single post/page */ .post_item_single .post_content > .post_meta_single .post_share { float: none; display:block; max-width: 100%; margin-top: 2.8em; } .post_item_single .post_content > .post_meta_single .post_share:before { display:none; } .post_item_single .post_content > .post_meta_single .post_share .social_item { display: inline-block; margin-right: 5px; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display:block; font-size: 13px; width: 30px; height: 30px; line-height: 30px; border: 1px solid; text-align:center; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 8.5rem; padding: 2rem; position:relative; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .author_avatar { width: 7.66rem; height: 7.66rem; position: absolute; left: 2.53rem; top: 2.53rem; border-radius: 50%; overflow: hidden; } .author_avatar img { width:100%; height: auto; } .author_description { padding-left: 10.67rem; } .author_subtitle { font-size: 1em; font-family: Lora, serif; margin-bottom: 4px; display: inline-block; } .author_title { font-size: 1.067em; margin-top: 0; margin-bottom: 1.5em; } .author_bio p { margin:0; font-family: Lora, serif; } .author_bio p+p { margin-top:0.6em; } .author_bio .author_link { display:block; margin-top:0.8em; font-style: italic; letter-spacing:0; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 3.5rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .related_wrap_title { margin: 0 0 1.1em; text-align:left; } .related_wrap .related_item { text-align:center; } .related_wrap .post_categories { font-weight:700; text-transform:uppercase; font-size:12px; } .related_wrap .post_categories ul { margin: 0; padding:0; list-style:none; display:inline-block; } .related_wrap .post_categories li { display:inline-block; margin: 0; } .related_wrap .post_categories li+li { margin-left: 0.5em; } .related_wrap .post_categories li:nth-child(n+3) { display:none; /* Hide more then 2 categories */ } .related_wrap .post_title { margin: 0.2em 0 0.1em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display:block; position:absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:3em 2em; max-width: 70%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover { top: 90%; } .related_wrap .related_item_style_1 .post_title { margin: 0.8em 0; letter-spacing:1px; line-height:1.5em; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 1.1em; } .related_wrap .related_item_style_2 .post_featured img { width:100%; } .related_wrap .related_item_style_2 .post_date { font-size:10px; font-weight:bold; line-height:1.4em; text-transform:uppercase; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .comments_list_wrap .comments_closed { margin-top:2em; color:#1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 1.1em; text-align:left; } .comments_list_wrap > ul { padding: 0; margin:0; list-style: none; } .comments_list_wrap ul li + li, .comments_list_wrap li > ul > li { padding-top: 2.3em; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:6em; font-size: 1rem; } .comments_list_wrap ul > li .comment_body{ padding: 2.53rem; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { /* This way for long border under previous item */ margin-left: 6.67em; /* This way for short border under previous item */ padding-left:0; } .comments_list_wrap ul ul ul ul ul { /* padding-left:0; */ /* This way for long border under previous item */ margin-left:0; /* This way for short border under previous item */ } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 0; } .comments_list_wrap .comment_author_avatar { position: absolute; left: 2.53rem; top: 2.53rem; z-index:1; width: 7.67em; height: 7.67em; border-radius: 50%; overflow: hidden; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 4.8em; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 10.67rem; overflow:hidden; } .comments_list_wrap .comment_info { margin: -0.4em 0 1.3em; position:relative; } .comments_list_wrap .comment_author { margin:0; display:inline-block; } .comments_list_wrap .comment_posted { display:inline-block; position:relative; letter-spacing:0; font-size: 13px; line-height:inherit; font-style: normal; margin-left: 1em; } .comments_list_wrap .comment_posted_label { display:none; } .comments_list_wrap .comment_time { display:none; } .comments_list_wrap .comment_counters { margin-left: 1em; display: none; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style:italic; } .comments_list_wrap .comment_text { margin-bottom:0.5em; font-family: Lora, serif; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style: outside; } .comments_list_wrap .comment_text ol { margin:0; padding: 0 0 0 1.5em; list-style:decimal; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height:0; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border:none; } .comments_list_wrap .comment_reply { font-size: 1em; font-weight: 400; font-family: Lora, serif; line-height:1.2em; font-style: normal; letter-spacing:0; margin-top: 1.75em; margin-bottom: 0.6em; } .comments_list_wrap .comment_reply a:after{ content: '\e802'; font-family: fontello; margin-left: 0.5em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family:'fontello'; margin-right:0.2em; display: none; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 2em; } /* Comments form */ .comments_form_wrap { margin-top: 5.15rem; border-top: none; overflow:hidden; } .comments_form_wrap form { position:relative; overflow:hidden; } .comments_wrap .comments_form_title { margin: 0 0 1.1em; text-align:left; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position:relative; } .comments_wrap #cancel-comment-reply-link { font-size:0; } .comments_wrap #cancel-comment-reply-link:before { content: '\e916'; font-family: 'fontello'; font-size:18px; display:block; text-align:center; width: 2em; height: 2em; line-height: 2em; position:absolute; right: 0; top: 0; z-index: 1; } .comments_wrap .comments_notes { font-size:0.8667em; } .comments_wrap .comments_field { margin-bottom:2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_url { clear:both; } .comments_wrap .comments_field label { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding: 1.5em 2em; } .comments_wrap .comments_field textarea { min-height:11em; } /* Submit button */ .comments_wrap .form-submit { margin: 2.3em 0 0; } .comments_wrap .form-submit:before { content: ' '; clear:both; display:block; width:100%; height: 0; } .comments_wrap .form-submit input[type="submit"] { display:inline-block; } form .error_field { border-color: #CC6868 !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); } /* Result box */ .swoop_messagebox { display:inline-block; font-size:0.8667em; line-height:1.5em; padding: 1.5em; color: #006818; border: 1px solid #006818; background-color:#d8ffd8; position:absolute; z-index:1000; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); } .swoop_messagebox_style_error { color: #681800; border: 1px solid #681800; background-color:#ffd8d8; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); } .swoop_messagebox p { margin:0; } .swoop_messagebox p+p { margin-top:0.4em; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6rem 0 5rem; overflow:hidden; } .post_item_404 .page_title { float: left; width:50%; font-size: 15em; line-height: 1em; margin: 0; margin-top:0 !important; letter-spacing:0; text-align:center; } .post_item_404 .page_info { float: left; width:50%; text-align:left; padding: 0 0 0 5rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_subtitle { margin: 0; letter-spacing:1px; } .post_item_404 .page_description { margin-top: 1em; margin-bottom: 2em; text-transform:uppercase; letter-spacing:1px; line-height:1.8em; } .post_item_404 .go_home:after { content:'\e93a'; font-family:'fontello'; margin-left: 0.5em; font-size: 0.9333em; line-height:inherit; position:relative; top: 0; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height:1.2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar[class*="scheme_"] .sidebar_inner { padding: 2.6rem 2em; } .sidebar[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget+.widget, .sidebar[class*="scheme_"] .widget+.widget { margin-top: 4.15rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4.2rem; padding-bottom: 4.2rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar[class*="scheme_"] .widget.widget_fullwidth + .widget { border-top: none; margin-top: 0; } .widget p { margin:0; } .widget p+p, .widget p+div, .widget p+form { margin-top:1em; } .widget .widgettitle { font-size: 1.4286em; line-height: 1.35em; } .widget .widget_title, .widget .widgettitle { margin-top:0; margin-bottom: 1.4em; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle{ text-align:center; } .widget ul { margin:0; padding-left: 1.64em; list-style-type:none; } .widget ul ul ul ul { /* Remove padding for the levels 4+ */ padding-left: 0; } .widget li { position:relative; } .widget ul > li:before { content: ''; width: 7px; height: 7px; top: 0; margin-top: 0.8em; border-radius: 50%; position: absolute; left: -1.64em; } .widget li a img { vertical-align:baseline; } /* Widgets above and below the page (content and sidebar) */ .widgets_above_page_wrap, .widgets_above_content_wrap { font-size:1em; margin-bottom:2em; } .widgets_below_content_wrap, .widgets_below_page_wrap { font-size:1em; margin-top:2em; } .widgets_below_page_wrap { clear:both; } /* Widget: Calendar */ .widget_calendar table { width: 100%; position:relative; } .widget_calendar caption { padding-bottom:0.5em; font-weight:400; } .widget_calendar table > thead > tr { background-color: transparent !important; } .widget_calendar th, .widget_calendar td { font-size:1em !important; line-height:1.5em; font-weight:400 !important; font-style:normal; text-align:center; text-transform:uppercase; padding:2px; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 14.2857%; } .widget_calendar td { line-height:2em; padding:0; } .widget_calendar tbody td a { display:block; position:relative; font-weight:normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar tbody td a:after { content: ' '; position:absolute; left:48%; bottom: 1px; width: 3px; height: 3px; } .widget_calendar td#today { position:relative; z-index:2; } .widget_calendar td#today:before { content:' '; position:absolute; z-index:-1; left:50%; top: 50%; width: 2.2em; height: 2.2em; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .widget_calendar tfoot { position:relative; top: 0.6em; } .widget_calendar tfoot td { text-transform: none !important; } .widget_calendar td#prev { text-align:left; overflow:hidden; } .widget_calendar td#next { text-align:right; } .widget_calendar td#prev a, .widget_calendar td#next a { position:relative; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before { position:absolute; z-index:1; top: 0; width: 0.6em; height: 1em; line-height: 1.4em; display:inline-block; } .widget_calendar td#prev a:before { content: '<'; left:0; } .widget_calendar td#next a:before { content: '>'; right: 0; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left:0.5em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width:100%; overflow:hidden; position:relative; padding-bottom: 1px; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8f9'; font-family: 'fontello'; display:block; text-align:center; position:absolute; right:1.2em; top:50%; margin-top:-0.5em; width:1em; height:1em; line-height:1em; z-index:0; pointer-events: none; cursor:pointer; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width:100%; padding: 1.25em 1.5em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display:block; text-indent:-1000px; position:absolute; right:0; top:0; width:4em; height:100%; padding:0; border: none !important; background:none !important; z-index:1; cursor:pointer; } /* Widget: RSS */ .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_rss .widget_title a:first-child:before { content:'\e8ed'; font-family:'fontello'; display: inline-block; font-size:0.9em; } .widget_rss .widget_title img { display:none; } .widget_rss ul, .widget_rss li { padding-left:0 } .widget_rss li:before { display:none; } .widget_rss li+li { margin-top:2em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow:hidden; } .widget_product_tag_cloud .widget_title, .widget_tag_cloud .widget_title { margin-bottom:1em; } .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; float: left; padding: 7.5px 15px; margin: 0 4px 4px 0; font-size: 12px !important; line-height: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; /* border: 1px solid; */ box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } /* Widget: Instagram Feed */ #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top:-2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom:0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float:none; text-align:center; overflow:hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float:none; display:inline-block; overflow:hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height:1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height:1.5em; } #sb_instagram #sbi_load { margin-top:0.5em; } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin:0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display:none; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { margin-top:7.4rem; } .remove_margins .footer_wrap { margin-top:0; } .footer_copyright_inner .copyright_text, .footer_copyright_inner .socials_wrap { width: 75%; display: inline-block; margin-right: -2px; } .footer_copyright_inner .socials_wrap { width: 25%; } .footer_copyright_inner .socials_wrap { text-align: right; } /* Footer widgets */ .footer_wrap .widget { margin: 1.5em 0; } .footer_wrap li { line-height: 2.143em; } .footer_wrap .vc_col-sm-4 .widget li { display:inline-block; width: 45%; margin-right:3%; vertical-align:top; } .footer_wrap .vc_col-sm-4 .widget li li { display:block; width: 100%; margin-right:0%; } .footer_wrap .footer_fullwidth { overflow:hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align:left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align:center; margin-bottom:1.5em; } /* Footer logo */ .footer_logo_inner { padding:4em 0; overflow:hidden; text-align:center; position:relative; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content:' '; position:absolute; z-index:1; left: 50%; bottom:0; width: 1px; height: 3em; } .footer_logo_inner img { max-width:50%; } .logo_footer_text { font-size: 3.3333em; line-height:1em; letter-spacing:6px; margin:0; } .logo_footer_image + .logo_footer_text { margin:0.63em 0 2em; } /* Socials in the default footer */ .footer_socials_inner { padding:2em 0 3em; text-align:center; } /* Menu in the default footer */ .footer_menu_inner { padding:2em 0; text-align:center; } .menu_footer_nav_area > ul { padding:0; margin:0; list-style-type:none; } .menu_footer_nav_area > ul > li { display:inline-block; vertical-align: baseline; font-size: 11px; } .menu_footer_nav_area > ul > li+li:before { content: ' '; display:inline-block; width: 0; height:0.8em; margin:0 3em; vertical-align:baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a { padding: 0; display: inline-block; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; right: 5px; } .menu_footer_nav_area li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } .menu_footer_nav_area > ul > li ul { top: auto; bottom: 3em; margin-left: -3em; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a { display:block; font-size: 11px; } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size:0.9333em; padding: 1.4em 0; overflow:hidden; text-align:left; } .footer_copyright_wrap p { margin:0; } /* 11. Utils -------------------------------------------------------------- */ /* Debug window */ #debug_log { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debug_log { top:32px; } #debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debug_log_content { padding:12px; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display:none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom:0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.3em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* Visual Composer */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom:0 !important; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* Visual Composer */ .post_item_single .post_edit .vc_inline-link { display:none; } /* Magnific popup */ .mfp-bg { z-index:200001; } .mfp-wrap { z-index:200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding:0; width: 44px; text-align:center; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: none !important; } /* Instagram */ #sb_instagram .sbi_photo:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* RevSlider */ [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before, [id*="rev_slider"] .uranus.tparrows.tp-rightarrow:before { content: '\e946'; font-family: fontello; font-size: 20px !important; line-height: 90px !important; height: 80px !important; width: 30px !important; border-top: 1px solid rgba(256,256,256,0.6); } [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [id*="rev_slider"] .ares .tp-bullet { height: 6px !important; border-radius: 0; padding: 0 4px; } [id*="rev_slider"] .ares .tp-bullet.selected { width: 30px !important; } [id*="rev_slider"] .ares .tp-bullet-title { top: -7px !important; } [id*="rev_slider"] .zeus .tp-bullet { width: 9px !important; height: 9px !important; border: 1px solid #878687 !important; } [id*="rev_slider"] .zeus .tp-bullet.selected { border: 1px solid #fff !important; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow, [id*="rev_slider"] .custom.tparrows.tp-rightarrow { width: 90px !important; text-align: center !important; background-color: transparent; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow:before, [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94d'; font-family: fontello; font-size: 20px; width: 90px; text-align: center; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94e'; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:after{ content: '/'; position: absolute; left: 0; top: 5px; font-size: 35px; font-weight: 100; font-family: initial; } /* 14. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Height variants for the empty space */ .height_tiny { height: 1rem !important; } /* 15px */ .height_small { height: 2rem !important; } /* 30px */ .height_medium {height: 3.3333rem !important; } /* 50px */ .height_large, .height_big { height: 6.6667rem !important; } /* 100px */ .height_huge { height: 8.6667rem !important; } /* 130px */ /* Scroll button on the slider */ .theme_scroll_down { display:inline-block; text-align:center; cursor:pointer; text-transform:uppercase; font-size:11px !important; line-height:15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; /*'\e929';*/ font-family:'fontello'; font-size:16px !important; line-height:30px !important; display:block; text-align:center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* Makeup image */ #makeup { position:absolute; z-index:1000000; pointer-events: none; opacity:0.5; left: 50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .admin-bar #makeup { top:32px; } #makeup { /* Correct this value to position makeup image */ margin-left: 0px; margin-top: 0px; } .custom_column_1 > .vc_column-inner { background-position: left !important; } .custom_column_2 > .vc_column-inner { background-position: 70% 25% !important; } .vc_row.custom_row_1 { background-position: top !important; } .wpcf7-form-control-wrap, .wpcf7-form-control { width: 32%; margin: 0 0.5%; box-sizing: border-box; float: left; } .wpcf7-form-control-wrap > input { width: 100%; box-sizing: border-box; } /* Theme Name: Orbit Interactive Theme URI: http://orbitinteractive.org Description: Orbit Interactive - excellent WordPress theme with many different blog and header layouts Author: Orbit Interactive Author URI: http://orbitinteractive.org Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: swoop */ /* TABLE OF CONTENTS: 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Page info (page/post title, category or tag name, author, etc.) 7.4 Blog layouts 7.5 Post Formats 7.6 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins 14. Predefined classes for users -------------------------------------------------------------- */ /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 15px; } body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } li > ol, li > ul, dl > dd { margin-bottom:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; font-size: 0.934rem; font-family: Lora; } li + li{ margin-top: 0.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, a:before, a:after, button, button:before, button:after, input[type="button"], input[type="submit"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display:block; } :active, :focus { outline:0; } address { font-size: .933em; font-family: Lora, serif; } address:before { margin-right: 8px !important; } /* Tables */ table { border-collapse: collapse; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.04 ); } table th+th, table th+td, table td+th, table td+td { border: 1px solid #ddd; } table > p { margin: 0 !important; } table td, table th { padding: 1.8em 1em; border: 1px solid; } table th { font-size: 1em; font-weight: 400; text-transform:none; font-style:normal; text-align: center; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-size: 0.933em; font-weight: 400; border-color: rgba(256,256,256,0.1); } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child { border-radius: 5px 0 0 0; } .sc_table table tr:first-child th:last-child, .sc_table table tr:first-child td:last-child { border-radius: 0 5px 0 0; } .sc_table table tr:last-child th:first-child, .sc_table table tr:last-child td:first-child { border-radius: 0 0 0 5px; } .sc_table table tr:last-child th:last-child, .sc_table table tr:last-child td:last-child { border-radius: 0 0 5px 0; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote { position: relative; text-align: left; padding: 2em 3.2em 2.3em 4.67em; border-radius: 5px; border: 1px solid; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size: 1.6em; display: block; position: absolute; top: 1.3em; left: 1.3em; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 1.067em; line-height: 2em; font-weight: 400; font-family: Lora; } blockquote > a, blockquote > p > a, blockquote > cite, blockquote > p > cite { display: block; font-size: 0.933rem; line-height: 1.35em; font-weight: 400; font-style: normal; text-transform: none; margin-top: 0.8em; letter-spacing: 0.02em; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 2.6rem 0; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing:0; } pre { overflow: auto; max-width: 100%; } pre { display:block; overflow: auto; max-width: 100%; padding: 2em; border: 1px solid #888; background-color: #f7f7f7; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; } /* Images */ img { max-width: 100%; /* width: auto; */ /* Only height: auto; not both! */ height: auto; vertical-align:top; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; } figure figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; font-size: 11px; font-weight:300; font-style:normal; text-align:center; line-height:15px; padding: 6px 10px; } figure:hover figcaption, .wp-caption:hover .wp-caption-text, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { line-height: inherit; font-weight: inherit; font-size: inherit; width:auto; margin:0; } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom:0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button { overflow: visible; } input[placeholder] { text-overflow:ellipsis; } input::-webkit-input-placeholder { text-overflow:ellipsis; } input::-moz-placeholder { text-overflow:ellipsis; } input:-ms-input-placeholder { text-overflow:ellipsis; } textarea, textarea.wp-editor-area, select, option, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } /*input[type="search"]::-webkit-search-cancel-button,*/ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } /* Required fields */ label.required:after { content:'*'; display: none; vertical-align:text-top; font-size:80%; color:#da6f5b; } /* Field set */ fieldset { padding: 1em 1.5em; margin: 1.5em 0.2em; border: 1px solid #ddd; position:relative; } fieldset legend { position:absolute; top: -0.6em; left: 1.5em; background-color:#fff; font-weight:400; font-style:italic; padding: 0 0.2em; letter-spacing:0; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, #buddypress div.activity-meta a, a.bp-title-button, /* Booked */ body #booked-profile-page input[type="submit"], body #booked-profile-page button, body .booked-list-view input[type="submit"], body .booked-list-view button, body table.booked-calendar input[type="submit"], body table.booked-calendar button, body .booked-modal input[type="submit"], body .booked-modal button, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_link, .sc_action_item_link, /* Tribe Events */ #tribe-bar-form .tribe-bar-submit input[type="submit"], #tribe-bar-form button, #tribe-bar-form a, #tribe-bar-form input, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-cal-links a, .tribe-events-sub-nav li a, .tribe-events-read-more, /* WooCommerce buttons */ .woocommerce .button, .woocommerce-page .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button .woocommerce #respond input#submit, .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond p.form-submit input[type="submit"], .woocommerce-page #review_form #respond p.form-submit input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce table.cart td.actions .button, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display:inline-block; text-transform:none; white-space:nowrap; padding: 1.215em 3em; font-size:0.933rem; line-height:15px; font-weight:500; letter-spacing:0.02em; border-width: 0 !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding:0.8em 1.6em; } /* Bordered button */ .sc_button.sc_button_bordered { border-width: 2px !important; padding: 1.3em 2.8em; } .sc_button.sc_button_bordered.sc_button_size_small { padding:0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-style:italic; font-weight:400; font-size:1em; line-height:1.25em; letter-spacing:0; text-transform:none; border: none; padding: 0 1.8em 0 0; } .sc_button_simple:before, .sc_button_simple:after { content:'\e93a'; font-family:'fontello'; font-style:normal; } /* Buttons in widgets */ .widget.woocommerce .button, .widget.WOOCS_CONVERTER .button, .widget.yith-woocompare-widget a.button, .widget.yith-woocompare-widget a.clear-all { font-size:11px; line-height: 16px; padding:10px 16px; } .widget.woocommerce .button+.button { margin-left: 3px; } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area, /* BB Press*/ #buddypress div.dir-search input[type="search"], #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="search"], #buddypress li.groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea { padding: 1.18em 1.43em; border: 1px solid #ddd; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="search"]:hover, select:hover, textarea:hover, textarea.wp-editor-area:hover { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.08 ); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.16 ); } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:10em; } .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { padding: 1em 1.2em; } /* Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { position:relative; padding-left:1.4em; line-height:1.5em; } input[type="radio"] + label:before, input[type="checkbox"] + label:before { content:' '; font-family:fontello; display:block; text-align:center; border: 1px solid #eee; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; width:0.6em; height:0.6em; line-height:0.53em; } input[type="radio"] + label:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + label:before { content:'\e8ab'; } input[type="radio"]:checked + label:before { content:'\e83c'; } /* Select container (dropdown) */ select { text-overflow:ellipsis; } .select_container { width:100%; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .select_container:before { content:' '; display:block; position:absolute; right:0; top:0; bottom: 0; width: 3em; z-index:1; pointer-events: none; cursor:pointer; } .select_container:after { content:'\e828'; font-family: 'fontello'; display:block; line-height:1em; width: 1em; height: 1em; text-align:center; position:absolute; right:1em; top:50%; margin-top:-0.5em; z-index:2; pointer-events: none; cursor:pointer; } .select_container select { background:none !important; border: none !important; width: 99% !important; /* use 100% if .select_container haven't border radius, else - only 99% */ padding:1.4em 1.4em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 2em !important; padding-top:0.75em; padding-bottom:0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0.5em; } /* Select2 - Advanced select with search */ .select2-container .select2-choice, .select2-container .select2-selection { height: auto; border: 2px solid #ddd; padding:1em 0 1em 1.4em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .select2-drop-active { border: none; } .select2-results { border: 1px solid #ddd; } .select2-search { padding: 4px 0; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin:0 !important; padding:0 !important; display: none; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.8em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; } .alignright { display: inline-block; float: right; margin-left: 2em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; text-align:center; } figure.alignleft, figure.alignright { margin-top:0.5em; } figure.aligncenter { margin-bottom:1em; } /* Sticky posts */ .sticky_wrap { margin-bottom: 5em; } .sticky { position:relative; border: 2px solid #ddd; padding: 2em; } .sidebar_hide .sticky_wrap .sticky, .body_style_fullwide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align:center; } .sticky .label_sticky { display:block; position:absolute; z-index:1; right: -14px; top: -14px; width: 0; height: 0; border: 12px solid transparent; border-top-color:#ddd; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .post_title { margin-top: 0.5em; margin-bottom:0; text-transform:uppercase; letter-spacing:1px; } /* Gallery */ .gallery { margin: 0 -5px; } .gallery-caption {display: block;} .bypostauthor {display: block;} .gallery .gallery-item { display: inline-block; vertical-align:top; margin-bottom:1em; overflow:hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 15px; margin: 0 5px; padding: 6px; font-size:11px; max-height: 42px; } .gallery .gallery-item:hover .gallery-caption { bottom: -200px; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:0.2em; } .post-password-form input[type="password"] { padding:1.2em; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; margin-right: -30px; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between column's tags: Right: Wrong: ... ... ... ... */ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left:30px; padding-right:0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left:0; padding-right:30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left:15px; padding-right:15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow:hidden; } .vertical-centered:before { content:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .swoop_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width: 1370px; } .body_style_boxed .top_panel > .vc_row.sc_layouts_row_fixed_on { width: 1370px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .body_style_boxed .sc_layouts_row_type_normal { padding-right: 7em; padding-left: 7em; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width:100%; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position:relative; } /* Content and Sidebar */ body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 370px; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; padding: 0.1px 0; margin-bottom:7.1rem; } .remove_margins .top_panel { margin-bottom:0 !important; } .top_panel.with_bg_image:before { content:' '; position:absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: block; } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position:absolute; z-index:1; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 0; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .header_position_under .page_content_wrap { position:relative; z-index:3; } .header_position_under .footer_wrap { position:relative; z-index:2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left:6rem; } body.menu_style_right { margin-right:6rem; } .menu_style_side .body_wrap { position:relative; overflow: hidden; max-width:100%; } .menu_style_side .menu_side_wrap { position: fixed; width: 6rem; z-index: 20000; top:0; bottom: 0; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .menu_side_wrap .logo_slogan { display:none; } .menu_side_wrap .menu_mobile_button { display:block; position:relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { left: -1.5em; text-align:left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { right: -1.5em; text-align:right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display:block; width: 5em; height: 5em; cursor:pointer; position:absolute; right:0; top: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content:' '; position:absolute; z-index:2; left:38%; top:50%; width: 25%; height: 0; margin-top:-1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left:0; top:0; height: 0; width: 100%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align:center; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; top: 48%; width: 100%; height: auto; max-height: 44%; padding-right:20px; /* Hide scrollbar */ overflow-y: scroll; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .menu_mobile .menu_mobile_nav_area ul { margin:0 auto; padding:0; list-style:none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0.6em 0 1.6em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding:0.15em 2.5em 0.15em 0; text-transform:uppercase; letter-spacing:1px; position:relative; display: inline-block; width: 30rem; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 0em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 1em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; display:block; width:1em; height:1em; line-height:1em; padding:0.25em; text-align:center; background-color: rgba(255,255,255,0.1); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0.25em 0.8em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255,255,255,0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family:'fontello'; content:'\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content:'\e835'; } .menu_mobile .search_mobile { position:absolute; left: 50%; bottom: 8rem; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position:relative; } .menu_mobile .search_mobile .search_field { width:100%; padding: 1em 3em 1em 1.5em; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding: 0.5em 1.8em; background-color:transparent; } .menu_mobile .socials_mobile { position:absolute; left: 0; bottom: 4rem; text-align:center; display:block; width: 100%; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size:1em; width:1em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing:0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:1em; line-height:inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position:relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform:none; -ms-transform:none; transform:none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 1em; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position:relative; z-index:2; } .header_widgets_wrap.header_fullwidth { overflow:hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom:0; } .sc_layouts_title_breadcrumbs:empty { display: none; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index:0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom:0; } .post_item > .post_title { margin-top:0; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.swoop_tabs .swoop_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper{ margin-top: 1.1em; } div.esg-filter-wrapper .esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height:1.4em; font-weight:normal; text-transform:uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.swoop_tabs .swoop_tabs_titles li a, div.swoop_tabs .swoop_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 0.5em 1.2em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.swoop_tabs .swoop_tabs_content { padding: 0; } div.swoop_tabs .swoop_tab_content_remove { opacity: 0; } div.swoop_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom: 2.5em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display:inline-block; margin-left:-0.3em; } /* Uncomment this if you want to stretch images to the block's width .post_featured img { width:100%; height:auto; } */ .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item.post_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '\e83c'; font-family: fontello; display: inline; font-size: inherit; font-style: normal; font-weight: 400; vertical-align: baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.7em 0 0.9em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_counters_comments:before{ content: '\e942'; font-family: fontello; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* Socials share in the post meta */ .post_share .social_items { font-size:1em; } .socials_share.socials_type_drop .social_items { padding:0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style:normal; text-transform:capitalize; } .post_meta .socials_share { display:inline; vertical-align:baseline; } .post_meta_item .socials_share .social_items { bottom:auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position:relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0,0,0,0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right: 0; text-transform: none; margin-top: 1px; margin-bottom: 1.3em; } .format-audio .post_featured .post_audio_title { font-size: 1.533rem; font-weight: 400; line-height: 1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; text-transform:none; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display:none; } .format-audio .post_featured .mejs-container { height: 52px !important; background-color: rgba(256,256,256,0.07) !important; border-radius: 5px; } .format-audio .post_featured .mejs-container .mejs-controls { height: 42px !important; padding: 0 15px; box-sizing: border-box; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time { font-size: 13px !important; font-weight: 300; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time * { font-family: Ubuntu,sans-serif; } /* .post_featured.with_thumb > iframe, */ .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 2.6em 2.33em 3.1em; border: none; border-radius: 5px; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player { padding: 2em 3em 1.75em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { border: none; background-color:transparent; } .trx_addons_audio_player .audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right:0; text-transform:none; margin-top: 1px; margin-bottom: 0.9em; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_caption { font-size: 1em; font-weight:400; line-height:1.35em; letter-spacing:1px; text-transform:none; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.8em; font-weight: 400; line-height:1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_author + .audio_caption { margin:-0.6em 0 0.25em; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { font-size: 14px !important; font-weight: 300; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time span { font-family: Rubik, sans-serif; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; margin: 0 !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; font-size: 2.3em; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; font-size: 2em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; font-size:10px; letter-spacing:0; top: -22px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 5px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height: 2px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before{ background-color: rgba(256,256,256,0.3); } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .format-video .post_featured.with_thumb .post_video:before { content:' '; display:inline-block; padding-top:55%; width:0; height:0; } .format-video .post_featured.with_thumb img { position:relative; z-index:2; } .format-video .post_featured.with_thumb .mask { z-index:3; background-color: rgba(0,0,0,0.5); opacity:0; } .format-video .post_featured.with_thumb:hover .mask { opacity:1; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; cursor: pointer; overflow:hidden; background-color: rgba(0,0,0,0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.2em; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { color: #000; background-color: #fff; overflow: visible; } .trx_addons_video_player.with_cover .video_mask { background-color: rgba(21, 25, 29, 0.76); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.2em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e920'; font-family:'fontello'; } .trx_addons_video_player.with_cover .video_hover:after, .format-video .post_featured.with_thumb .post_video_hover:after { content: ''; display: block; width: 5rem; height: 5rem; top: 50%; left: 50%; border-radius: 50%; margin-top: -2.5rem; margin-left: -2.5rem; position: absolute; background-color: rgba(255, 255, 255, 0.07); } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .format-video .post_featured.post_video_play .post_video { /*position:relative;*/ opacity:1; z-index:10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color:#000; } .format-video .post_featured.post_video_play .post_video > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align:left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height:1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p+p, .format-link .post_content p+p, .format-status .post_content p+p { margin-top:1em; } .format-aside .post_content_inner:after { display:none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top:1.6em; } /* Chat */ .format-chat p { margin-bottom:0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display:inline-block; margin-top:1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top:0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position:relative; margin-bottom:0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 5rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } /*.post_layout_excerpt.post_format_audio .post_featured,*/ .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.2rem; } .post_layout_excerpt .post_content { margin-top: 1.1rem; font-family: Lora; } .post_layout_excerpt .post_meta .post_meta_item:after{ content: ''; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top:1.6em; } .post_layout_excerpt .more-link { margin-top: 1.6rem; font-size: 0.933rem; font-weight: 500; letter-spacing: 0.02em; padding: 0; } .post_featured_wrap { position: relative; margin-bottom: 2.5em; overflow: hidden; } .post_featured_wrap .post_featured{ margin-bottom: 0em; display: table; } .post_featured_wrap .post_category { position: absolute; left: 25px; bottom: 25px; z-index: 200; } .post_featured_wrap .post_category a { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 3px; margin-right: 5px; } /* Masonry and Classic */ .post_layout_classic { position:relative; margin-bottom:4rem; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .post_layout_classic.format-aside .post_content_inner + .post_meta, .post_layout_classic.format-link .post_content_inner + .post_meta, .post_layout_classic.format-status .post_content_inner + .post_meta { margin-top:1em; } /* Chess */ .chess_wrap { overflow:hidden; } .post_layout_chess { position:relative; overflow:hidden; margin-bottom:0; } .post_layout_chess.sticky { padding:0; border-width: 0; } .post_layout_chess .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .post_layout_chess .post_featured { margin-bottom:0; width: 50%; float: right; max-height:none !important; } .post_layout_chess .post_featured_bg:before { padding-top: 100%; /* 112.5% - 16:9 */ } .post_layout_chess .post_inner { width: 50%; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin:0; } .post_layout_chess_1 .post_inner_content { padding: 0 14%; } .post_layout_chess_2 .post_inner_content { padding: 0 12%; } .post_layout_chess_3 .post_inner_content { padding: 0 10%; } .post_layout_chess .post_header { padding-top:0.1px; } .post_layout_chess .post_title { margin: 0; } .post_layout_chess .post_meta { margin-top: 1em; margin-bottom: 0 !important; } .post_layout_chess .post_header + .post_content { margin-top:1em; } .post_layout_chess .post_content_inner { overflow:hidden; position:relative; padding-bottom: 0; } .post_layout_chess:not(.post_format_aside) .post_content_inner { padding-top: 0; } .post_layout_chess .post_content_inner:after { content:' '; position:absolute; bottom:0; left:0; width:100%; height: 1em; display: none; } .post_layout_chess_1.post_format_quote .post_content_inner .post_meta, .post_layout_chess_1.post_format_link .post_content_inner .post_meta, .post_layout_chess_1.post_format_status .post_content_inner .post_meta { margin-top: 1rem; } .post_layout_chess_1.post_format_aside .post_content_inner .post_meta { margin-top: 3rem; } .post_layout_chess_1 .post_header + .post_content { margin-top:3.8rem; } .post_layout_chess_1 .more-link { margin-top: 3rem; } .post_layout_chess_1.post_format_quote .post_header, .post_layout_chess_1.post_format_link .post_header, .post_layout_chess_1.post_format_aside .post_header, .post_layout_chess_1.post_format_status .post_header, .post_layout_chess_2.post_format_quote .post_header, .post_layout_chess_2.post_format_link .post_header, .post_layout_chess_2.post_format_aside .post_header, .post_layout_chess_2.post_format_status .post_header { display:none; } .post_layout_chess_2 .post_title { font-size:1.6rem; } .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner { font-size:0.9333rem; line-height:1.5em; max-height: 15.4em; } .post_layout_chess_2 .post_meta, .post_layout_chess_3 .post_meta { font-size: 13px; line-height:18px; margin-top: 1rem; } .post_layout_chess_2.post_format_aside .post_meta { margin-top: 1.3333rem; } .post_layout_chess_2.post_format_audio .post_featured .post_audio_title, .post_layout_chess_3.post_format_audio .post_featured .post_audio_title { letter-spacing:0; } .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong { margin-top:0.8em; } .post_layout_chess_2 .more-link { margin-top: 1.5rem; } .post_layout_chess_3 .post_title { font-size:1.3333rem; line-height:1.2em; } .post_layout_chess_3 .post_content_inner { font-size:0.8667rem; line-height:1.3486em; max-height: 6.2rem; } .post_layout_chess_3 .post_content_inner, .post_layout_chess_3 .post_content_inner + .post_meta { display:none; } .post_layout_chess_3 .more-link { margin-top: 1rem; padding: 1em 2em; } .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; } .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; } .post_layout_chess_2 { width: 50%; float:left; } .post_layout_chess_2:nth-child(4n+3) .post_featured, .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; } .post_layout_chess_2:nth-child(4n+3) .post_inner, .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; } .post_layout_chess_3 { width: 33.3333%; float:left; } .post_layout_chess_3:nth-child(6n+4) .post_featured, .post_layout_chess_3:nth-child(6n+5) .post_featured, .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; } .post_layout_chess_3:nth-child(6n+4) .post_inner, .post_layout_chess_3:nth-child(6n+5) .post_inner, .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; } /* Portfolio */ .post_layout_portfolio .post_title { margin: 1em 0 0.4em; } .post_layout_portfolio .post_featured { margin-bottom:0; } .post_layout_portfolio .post_featured img { width: 100%; } /* This way not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!! ---------------------------------------------------------------------------------------------------------- */ /* .portfolio_wrap { position:relative; -webkit-column-gap: 1.6667em; -ms-column-gap: 1.6667em; column-gap: 1.6667em; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; } .portfolio_wrap.portfolio_3 { -webkit-column-count: 3; -ms-column-count: 3; column-count: 3; } .portfolio_wrap.portfolio_4 { -webkit-column-count: 4; -ms-column-count: 4; column-count: 4; } .post_layout_portfolio { position:relative; display: inline-block; margin-bottom:1.6667em; width: 100%; } */ /* This way use masonry.js script to build masonry layout and work properly in any browsers! ---------------------------------------------------------------------------------------------------------- */ .masonry_wrap, .portfolio_wrap { position:relative; margin-right:-30px; } .masonry_wrap .masonry_item, .post_layout_portfolio { position:relative; display: inline-block; vertical-align:top; padding:0 30px 30px 0; margin-bottom:0; width: 50%; border-width: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .masonry_wrap .masonry_item { padding-bottom: 0; } .masonry_wrap .post_layout_masonry { margin-bottom: 3em; } .post_layout_portfolio .label_sticky { top: -12px; left: -12px; right:auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .masonry_wrap .masonry_item-1_3, .portfolio_wrap.portfolio_3 .post_layout_portfolio { width: 33.3333%; } .masonry_wrap .masonry_item-1_4, .portfolio_wrap.portfolio_4 .post_layout_portfolio { width: 25%; } /* Gallery */ .post_layout_gallery * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_gallery .post_details { display:none; } .gallery_item_current { opacity: 0 !important; } .gallery_preview { position: fixed; z-index: 200000; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .gallery_preview:before { content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .gallery_preview_show { pointer-events: auto; } .gallery_preview_show:before { opacity: 1; } .gallery_preview_image_clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-backface-visibility: hidden; } .gallery_preview_show .gallery_preview_image_animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; -ms-transition: -ms-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .gallery_preview_image_animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -ms-transition: -ms-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .gallery_preview_description { position: absolute; z-index: 140; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery_preview_show .post_title { margin: 0 0 0.5em; } .gallery_preview_show .post_meta { font-size:1em; line-height:1.3em; margin-top:0; margin-bottom:2em; } .gallery_preview_show .post_description_content { max-width: 100%; font-size:1.1429em; line-height: 2em; } .gallery_preview_close { font-size: 2em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .gallery_preview_image_loaded .gallery_preview_close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more anf Infinite */ .nav-links-more { text-transform:uppercase; letter-spacing:1px; text-align:center; } .blog_style_excerpt .nav-links-more { margin-top: 2em; } .nav-links-more.nav-links-infinite { display:none; } .nav-links-more a { display:inline-block; padding-top: 2em; position:relative; } .nav-links-more a:before { content: '\e929'; font-family:'fontello'; font-size:1.6em; display:block; text-align:center; font-weight:normal; position:absolute; top:0; left:50%; margin-left:-0.5em; width:1em; height: 1em; line-height:1em; } .nav-links-more a:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } .nav-links-more.loading a:before { content: '\e810'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span { opacity: 0; } .nav-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow:hidden; font-size: 0.9333em; text-transform:uppercase; letter-spacing:1px; margin-top: 3em; } .body_style_fullscreen .nav-links-old { margin: 2em; } body[class*="blog_style_portfolio"] .nav-links-old, body[class*="blog_style_classic"] .nav-links-old { margin-top:1.3em; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family:'fontello'; display:inline; font-weight:normal; position:absolute; top:0; } .nav-links-old .nav-prev { float:left; position:relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e939'; left: 0; } .nav-links-old .nav-next { float:right; position:relative; padding-right:2em; } .nav-links-old .nav-next a:after { content: '\e93a'; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-pagination, .comments_pagination, .nav-links, .page_links { font-size: 1em; text-transform:uppercase; margin-top: 2.5em; text-align:center; } .nav-links { margin-top: 3.4em; } .page_links .page_links_title { margin-right: 1em; } div.esg-pagination .esg-pagination-button, .page_links > span:not(.page_links_title), .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { display:inline-block; width: 3em; height: 3em; line-height: 3em; font-size:inherit; font-weight: inherit; text-align:center; margin-right:0.6667em; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.esg-pagination .esg-pagination-button:hover, div.esg-pagination .esg-pagination-button.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next { width: auto; padding: 0 2em; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { font-size:0.8667em; text-align: left; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #ddd; overflow:hidden; text-transform:none; } .nav-links-single .nav-links a { display:block; position:relative; min-height: 5em; z-index:1; } .nav-links-single .nav-links a .nav-arrow { width:5em; height:4.6em; line-height:4.6em; overflow:hidden; text-align:center; position:absolute; top:0; left: 0; border: none; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color: #f7f7f7; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display:block; position:absolute; z-index:1; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; opacity:0; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity:0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e939'; font-family: 'fontello'; display:inline-block; position:relative; z-index:2; top: 0; opacity: 1; color: #292929; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:after { top: 0; opacity:1; } .nav-links-single .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single .nav-links .nav-next a .nav-arrow:after { content: '\e93a'; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width:50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous { float:left; text-align:left; padding-right:15px; } .nav-links-single .nav-links .nav-previous a { padding-left: 6.5em; } .nav-links-single .nav-links .nav-previous .post-title { text-align:left; } .nav-links-single .nav-links .nav-next { float:right; text-align:right; padding-left:15px; } .nav-links-single .nav-links .nav-next a { padding-right: 6.5em; } .nav-links-single .nav-links .nav-next .post-title { text-align:right; } .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .nav-links-single .nav-links .post-title { margin:0 0 3px; line-height: 1.3em; } .nav-links-single .nav-links .meta-nav { display: none; } .nav-links-single .nav-links .post_date { font-size:0.9286em; font-weight:normal; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float:none; width:auto; text-align:left; padding:0; margin:0; position: absolute; left: 1.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align:right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 0.5em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0,0,0,0); border: none; color: #fff; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff;; background-color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.6); } .image-navigation .nav-previous a:hover { padding-left:3.5em; } .image-navigation .nav-next a:hover { padding-right:3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3em; height: 3em; line-height: 3em; border: none; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 8. Single page parts -------------------------------------------------------------- */ .structured_data_snippets { display: none; } .post_item_single.format-aside .post_content, .post_item_single.format-link .post_content, .post_item_single.format-status .post_content { padding: 0; text-align:left; } .post_item_single.format-quote .post_content { background-color:transparent; padding-top:0; } .post_item_single .post_content .mejs-container{ height: 30px !important; border: 0 !important; margin-bottom: 1em; } .trx_addons_audio_player .mejs-container:not(.mejs-video) { height: 58px !important; border: 0 !important; } .trx_addons_audio_player .mejs-container .mejs-controls { height: 47px !important; padding: 0 15px; box-sizing: border-box; } .trx_addons_audio_player .mejs-container{ background-color: rgba(256,256,256,0.07) !important; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom:2.8em; } .post_featured.post_attachment { margin-bottom: 2.8em; } .entry-caption { text-align:center; font-style:italic; } .post_item_single .post_header { margin-bottom:2.5em; } .post_item_single .post_content > h1:first-child, .post_item_single .post_content > h2:first-child, .post_item_single .post_content > h3:first-child, .post_item_single .post_content > h4:first-child, .post_item_single .post_content > h5:first-child, .post_item_single .post_content > h6:first-child, .post_item_single .post_content > .vc_row:first-child h1:first-child, .post_item_single .post_content > .vc_row:first-child h2:first-child, .post_item_single .post_content > .vc_row:first-child h3:first-child, .post_item_single .post_content > .vc_row:first-child h4:first-child, .post_item_single .post_content > .vc_row:first-child h5:first-child, .post_item_single .post_content > .vc_row:first-child h6:first-child, .post_item_single .post_title { margin-top:-0.2em; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size: 1em; line-height:1.375em; margin-top: 2.2em; letter-spacing:0; overflow:hidden; } .post_item_single .post_content > .post_meta_single .post_tags { float: none; display:block; max-width: 100%; font-size: 0.94em; font-family: Lora, serif; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } /* Social share in the single post/page */ .post_item_single .post_content > .post_meta_single .post_share { float: none; display:block; max-width: 100%; margin-top: 2.8em; } .post_item_single .post_content > .post_meta_single .post_share:before { display:none; } .post_item_single .post_content > .post_meta_single .post_share .social_item { display: inline-block; margin-right: 5px; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display:block; font-size: 13px; width: 30px; height: 30px; line-height: 30px; border: 1px solid; text-align:center; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 8.5rem; padding: 2rem; position:relative; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .author_avatar { width: 7.66rem; height: 7.66rem; position: absolute; left: 2.53rem; top: 2.53rem; border-radius: 50%; overflow: hidden; } .author_avatar img { width:100%; height: auto; } .author_description { padding-left: 10.67rem; } .author_subtitle { font-size: 1em; font-family: Lora, serif; margin-bottom: 4px; display: inline-block; } .author_title { font-size: 1.067em; margin-top: 0; margin-bottom: 1.5em; } .author_bio p { margin:0; font-family: Lora, serif; } .author_bio p+p { margin-top:0.6em; } .author_bio .author_link { display:block; margin-top:0.8em; font-style: italic; letter-spacing:0; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 3.5rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .related_wrap_title { margin: 0 0 1.1em; text-align:left; } .related_wrap .related_item { text-align:center; } .related_wrap .post_categories { font-weight:700; text-transform:uppercase; font-size:12px; } .related_wrap .post_categories ul { margin: 0; padding:0; list-style:none; display:inline-block; } .related_wrap .post_categories li { display:inline-block; margin: 0; } .related_wrap .post_categories li+li { margin-left: 0.5em; } .related_wrap .post_categories li:nth-child(n+3) { display:none; /* Hide more then 2 categories */ } .related_wrap .post_title { margin: 0.2em 0 0.1em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display:block; position:absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:3em 2em; max-width: 70%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover { top: 90%; } .related_wrap .related_item_style_1 .post_title { margin: 0.8em 0; letter-spacing:1px; line-height:1.5em; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 1.1em; } .related_wrap .related_item_style_2 .post_featured img { width:100%; } .related_wrap .related_item_style_2 .post_date { font-size:10px; font-weight:bold; line-height:1.4em; text-transform:uppercase; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .comments_list_wrap .comments_closed { margin-top:2em; color:#1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 1.1em; text-align:left; } .comments_list_wrap > ul { padding: 0; margin:0; list-style: none; } .comments_list_wrap ul li + li, .comments_list_wrap li > ul > li { padding-top: 2.3em; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:6em; font-size: 1rem; } .comments_list_wrap ul > li .comment_body{ padding: 2.53rem; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { /* This way for long border under previous item */ margin-left: 6.67em; /* This way for short border under previous item */ padding-left:0; } .comments_list_wrap ul ul ul ul ul { /* padding-left:0; */ /* This way for long border under previous item */ margin-left:0; /* This way for short border under previous item */ } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 0; } .comments_list_wrap .comment_author_avatar { position: absolute; left: 2.53rem; top: 2.53rem; z-index:1; width: 7.67em; height: 7.67em; border-radius: 50%; overflow: hidden; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 4.8em; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 10.67rem; overflow:hidden; } .comments_list_wrap .comment_info { margin: -0.4em 0 1.3em; position:relative; } .comments_list_wrap .comment_author { margin:0; display:inline-block; } .comments_list_wrap .comment_posted { display:inline-block; position:relative; letter-spacing:0; font-size: 13px; line-height:inherit; font-style: normal; margin-left: 1em; } .comments_list_wrap .comment_posted_label { display:none; } .comments_list_wrap .comment_time { display:none; } .comments_list_wrap .comment_counters { margin-left: 1em; display: none; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style:italic; } .comments_list_wrap .comment_text { margin-bottom:0.5em; font-family: Lora, serif; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style: outside; } .comments_list_wrap .comment_text ol { margin:0; padding: 0 0 0 1.5em; list-style:decimal; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height:0; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border:none; } .comments_list_wrap .comment_reply { font-size: 1em; font-weight: 400; font-family: Lora, serif; line-height:1.2em; font-style: normal; letter-spacing:0; margin-top: 1.75em; margin-bottom: 0.6em; } .comments_list_wrap .comment_reply a:after{ content: '\e802'; font-family: fontello; margin-left: 0.5em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family:'fontello'; margin-right:0.2em; display: none; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 2em; } /* Comments form */ .comments_form_wrap { margin-top: 5.15rem; border-top: none; overflow:hidden; } .comments_form_wrap form { position:relative; overflow:hidden; } .comments_wrap .comments_form_title { margin: 0 0 1.1em; text-align:left; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position:relative; } .comments_wrap #cancel-comment-reply-link { font-size:0; } .comments_wrap #cancel-comment-reply-link:before { content: '\e916'; font-family: 'fontello'; font-size:18px; display:block; text-align:center; width: 2em; height: 2em; line-height: 2em; position:absolute; right: 0; top: 0; z-index: 1; } .comments_wrap .comments_notes { font-size:0.8667em; } .comments_wrap .comments_field { margin-bottom:2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_url { clear:both; } .comments_wrap .comments_field label { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding: 1.5em 2em; } .comments_wrap .comments_field textarea { min-height:11em; } /* Submit button */ .comments_wrap .form-submit { margin: 2.3em 0 0; } .comments_wrap .form-submit:before { content: ' '; clear:both; display:block; width:100%; height: 0; } .comments_wrap .form-submit input[type="submit"] { display:inline-block; } form .error_field { border-color: #CC6868 !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); } /* Result box */ .swoop_messagebox { display:inline-block; font-size:0.8667em; line-height:1.5em; padding: 1.5em; color: #006818; border: 1px solid #006818; background-color:#d8ffd8; position:absolute; z-index:1000; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); } .swoop_messagebox_style_error { color: #681800; border: 1px solid #681800; background-color:#ffd8d8; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); } .swoop_messagebox p { margin:0; } .swoop_messagebox p+p { margin-top:0.4em; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6rem 0 5rem; overflow:hidden; } .post_item_404 .page_title { float: left; width:50%; font-size: 15em; line-height: 1em; margin: 0; margin-top:0 !important; letter-spacing:0; text-align:center; } .post_item_404 .page_info { float: left; width:50%; text-align:left; padding: 0 0 0 5rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_subtitle { margin: 0; letter-spacing:1px; } .post_item_404 .page_description { margin-top: 1em; margin-bottom: 2em; text-transform:uppercase; letter-spacing:1px; line-height:1.8em; } .post_item_404 .go_home:after { content:'\e93a'; font-family:'fontello'; margin-left: 0.5em; font-size: 0.9333em; line-height:inherit; position:relative; top: 0; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height:1.2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar[class*="scheme_"] .sidebar_inner { padding: 2.6rem 2em; } .sidebar[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget+.widget, .sidebar[class*="scheme_"] .widget+.widget { margin-top: 4.15rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4.2rem; padding-bottom: 4.2rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar[class*="scheme_"] .widget.widget_fullwidth + .widget { border-top: none; margin-top: 0; } .widget p { margin:0; } .widget p+p, .widget p+div, .widget p+form { margin-top:1em; } .widget .widgettitle { font-size: 1.4286em; line-height: 1.35em; } .widget .widget_title, .widget .widgettitle { margin-top:0; margin-bottom: 1.4em; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle{ text-align:center; } .widget ul { margin:0; padding-left: 1.64em; list-style-type:none; } .widget ul ul ul ul { /* Remove padding for the levels 4+ */ padding-left: 0; } .widget li { position:relative; } .widget ul > li:before { content: ''; width: 7px; height: 7px; top: 0; margin-top: 0.8em; border-radius: 50%; position: absolute; left: -1.64em; } .widget li a img { vertical-align:baseline; } /* Widgets above and below the page (content and sidebar) */ .widgets_above_page_wrap, .widgets_above_content_wrap { font-size:1em; margin-bottom:2em; } .widgets_below_content_wrap, .widgets_below_page_wrap { font-size:1em; margin-top:2em; } .widgets_below_page_wrap { clear:both; } /* Widget: Calendar */ .widget_calendar table { width: 100%; position:relative; } .widget_calendar caption { padding-bottom:0.5em; font-weight:400; } .widget_calendar table > thead > tr { background-color: transparent !important; } .widget_calendar th, .widget_calendar td { font-size:1em !important; line-height:1.5em; font-weight:400 !important; font-style:normal; text-align:center; text-transform:uppercase; padding:2px; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 14.2857%; } .widget_calendar td { line-height:2em; padding:0; } .widget_calendar tbody td a { display:block; position:relative; font-weight:normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar tbody td a:after { content: ' '; position:absolute; left:48%; bottom: 1px; width: 3px; height: 3px; } .widget_calendar td#today { position:relative; z-index:2; } .widget_calendar td#today:before { content:' '; position:absolute; z-index:-1; left:50%; top: 50%; width: 2.2em; height: 2.2em; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .widget_calendar tfoot { position:relative; top: 0.6em; } .widget_calendar tfoot td { text-transform: none !important; } .widget_calendar td#prev { text-align:left; overflow:hidden; } .widget_calendar td#next { text-align:right; } .widget_calendar td#prev a, .widget_calendar td#next a { position:relative; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before { position:absolute; z-index:1; top: 0; width: 0.6em; height: 1em; line-height: 1.4em; display:inline-block; } .widget_calendar td#prev a:before { content: '<'; left:0; } .widget_calendar td#next a:before { content: '>'; right: 0; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left:0.5em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width:100%; overflow:hidden; position:relative; padding-bottom: 1px; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8f9'; font-family: 'fontello'; display:block; text-align:center; position:absolute; right:1.2em; top:50%; margin-top:-0.5em; width:1em; height:1em; line-height:1em; z-index:0; pointer-events: none; cursor:pointer; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width:100%; padding: 1.25em 1.5em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display:block; text-indent:-1000px; position:absolute; right:0; top:0; width:4em; height:100%; padding:0; border: none !important; background:none !important; z-index:1; cursor:pointer; } /* Widget: RSS */ .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_rss .widget_title a:first-child:before { content:'\e8ed'; font-family:'fontello'; display: inline-block; font-size:0.9em; } .widget_rss .widget_title img { display:none; } .widget_rss ul, .widget_rss li { padding-left:0 } .widget_rss li:before { display:none; } .widget_rss li+li { margin-top:2em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow:hidden; } .widget_product_tag_cloud .widget_title, .widget_tag_cloud .widget_title { margin-bottom:1em; } .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; float: left; padding: 7.5px 15px; margin: 0 4px 4px 0; font-size: 12px !important; line-height: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; /* border: 1px solid; */ box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } /* Widget: Instagram Feed */ #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top:-2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom:0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float:none; text-align:center; overflow:hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float:none; display:inline-block; overflow:hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height:1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height:1.5em; } #sb_instagram #sbi_load { margin-top:0.5em; } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin:0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display:none; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { margin-top:7.4rem; } .remove_margins .footer_wrap { margin-top:0; } .footer_copyright_inner .copyright_text, .footer_copyright_inner .socials_wrap { width: 75%; display: inline-block; margin-right: -2px; } .footer_copyright_inner .socials_wrap { width: 25%; } .footer_copyright_inner .socials_wrap { text-align: right; } /* Footer widgets */ .footer_wrap .widget { margin: 1.5em 0; } .footer_wrap li { line-height: 2.143em; } .footer_wrap .vc_col-sm-4 .widget li { display:inline-block; width: 45%; margin-right:3%; vertical-align:top; } .footer_wrap .vc_col-sm-4 .widget li li { display:block; width: 100%; margin-right:0%; } .footer_wrap .footer_fullwidth { overflow:hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align:left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align:center; margin-bottom:1.5em; } /* Footer logo */ .footer_logo_inner { padding:4em 0; overflow:hidden; text-align:center; position:relative; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content:' '; position:absolute; z-index:1; left: 50%; bottom:0; width: 1px; height: 3em; } .footer_logo_inner img { max-width:50%; } .logo_footer_text { font-size: 3.3333em; line-height:1em; letter-spacing:6px; margin:0; } .logo_footer_image + .logo_footer_text { margin:0.63em 0 2em; } /* Socials in the default footer */ .footer_socials_inner { padding:2em 0 3em; text-align:center; } /* Menu in the default footer */ .footer_menu_inner { padding:2em 0; text-align:center; } .menu_footer_nav_area > ul { padding:0; margin:0; list-style-type:none; } .menu_footer_nav_area > ul > li { display:inline-block; vertical-align: baseline; font-size: 11px; } .menu_footer_nav_area > ul > li+li:before { content: ' '; display:inline-block; width: 0; height:0.8em; margin:0 3em; vertical-align:baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a { padding: 0; display: inline-block; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; right: 5px; } .menu_footer_nav_area li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } .menu_footer_nav_area > ul > li ul { top: auto; bottom: 3em; margin-left: -3em; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a { display:block; font-size: 11px; } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size:0.9333em; padding: 1.4em 0; overflow:hidden; text-align:left; } .footer_copyright_wrap p { margin:0; } /* 11. Utils -------------------------------------------------------------- */ /* Debug window */ #debug_log { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debug_log { top:32px; } #debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debug_log_content { padding:12px; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display:none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom:0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.3em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* Visual Composer */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom:0 !important; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* Visual Composer */ .post_item_single .post_edit .vc_inline-link { display:none; } /* Magnific popup */ .mfp-bg { z-index:200001; } .mfp-wrap { z-index:200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding:0; width: 44px; text-align:center; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: none !important; } /* Instagram */ #sb_instagram .sbi_photo:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* RevSlider */ [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before, [id*="rev_slider"] .uranus.tparrows.tp-rightarrow:before { content: '\e946'; font-family: fontello; font-size: 20px !important; line-height: 90px !important; height: 80px !important; width: 30px !important; border-top: 1px solid rgba(256,256,256,0.6); } [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [id*="rev_slider"] .ares .tp-bullet { height: 6px !important; border-radius: 0; padding: 0 4px; } [id*="rev_slider"] .ares .tp-bullet.selected { width: 30px !important; } [id*="rev_slider"] .ares .tp-bullet-title { top: -7px !important; } [id*="rev_slider"] .zeus .tp-bullet { width: 9px !important; height: 9px !important; border: 1px solid #878687 !important; } [id*="rev_slider"] .zeus .tp-bullet.selected { border: 1px solid #fff !important; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow, [id*="rev_slider"] .custom.tparrows.tp-rightarrow { width: 90px !important; text-align: center !important; background-color: transparent; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow:before, [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94d'; font-family: fontello; font-size: 20px; width: 90px; text-align: center; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94e'; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:after{ content: '/'; position: absolute; left: 0; top: 5px; font-size: 35px; font-weight: 100; font-family: initial; } /* 14. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Height variants for the empty space */ .height_tiny { height: 1rem !important; } /* 15px */ .height_small { height: 2rem !important; } /* 30px */ .height_medium {height: 3.3333rem !important; } /* 50px */ .height_large, .height_big { height: 6.6667rem !important; } /* 100px */ .height_huge { height: 8.6667rem !important; } /* 130px */ /* Scroll button on the slider */ .theme_scroll_down { display:inline-block; text-align:center; cursor:pointer; text-transform:uppercase; font-size:11px !important; line-height:15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; /*'\e929';*/ font-family:'fontello'; font-size:16px !important; line-height:30px !important; display:block; text-align:center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* Makeup image */ #makeup { position:absolute; z-index:1000000; pointer-events: none; opacity:0.5; left: 50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .admin-bar #makeup { top:32px; } #makeup { /* Correct this value to position makeup image */ margin-left: 0px; margin-top: 0px; } .custom_column_1 > .vc_column-inner { background-position: left !important; } .custom_column_2 > .vc_column-inner { background-position: 70% 25% !important; } .vc_row.custom_row_1 { background-position: top !important; } .wpcf7-form-control-wrap, .wpcf7-form-control { width: 32%; margin: 0 0.5%; box-sizing: border-box; float: left; } .wpcf7-form-control-wrap > input { width: 100%; box-sizing: border-box; } /* Theme Name: Orbit Interactive Theme URI: http://orbitinteractive.org Description: Orbit Interactive - excellent WordPress theme with many different blog and header layouts Author: Orbit Interactive Author URI: http://orbitinteractive.org Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: swoop */ /* TABLE OF CONTENTS: 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Page info (page/post title, category or tag name, author, etc.) 7.4 Blog layouts 7.5 Post Formats 7.6 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins 14. Predefined classes for users -------------------------------------------------------------- */ /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 15px; } body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } li > ol, li > ul, dl > dd { margin-bottom:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; font-size: 0.934rem; font-family: Lora; } li + li{ margin-top: 0.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, a:before, a:after, button, button:before, button:after, input[type="button"], input[type="submit"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display:block; } :active, :focus { outline:0; } address { font-size: .933em; font-family: Lora, serif; } address:before { margin-right: 8px !important; } /* Tables */ table { border-collapse: collapse; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.04 ); } table th+th, table th+td, table td+th, table td+td { border: 1px solid #ddd; } table > p { margin: 0 !important; } table td, table th { padding: 1.8em 1em; border: 1px solid; } table th { font-size: 1em; font-weight: 400; text-transform:none; font-style:normal; text-align: center; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-size: 0.933em; font-weight: 400; border-color: rgba(256,256,256,0.1); } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child { border-radius: 5px 0 0 0; } .sc_table table tr:first-child th:last-child, .sc_table table tr:first-child td:last-child { border-radius: 0 5px 0 0; } .sc_table table tr:last-child th:first-child, .sc_table table tr:last-child td:first-child { border-radius: 0 0 0 5px; } .sc_table table tr:last-child th:last-child, .sc_table table tr:last-child td:last-child { border-radius: 0 0 5px 0; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote { position: relative; text-align: left; padding: 2em 3.2em 2.3em 4.67em; border-radius: 5px; border: 1px solid; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size: 1.6em; display: block; position: absolute; top: 1.3em; left: 1.3em; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 1.067em; line-height: 2em; font-weight: 400; font-family: Lora; } blockquote > a, blockquote > p > a, blockquote > cite, blockquote > p > cite { display: block; font-size: 0.933rem; line-height: 1.35em; font-weight: 400; font-style: normal; text-transform: none; margin-top: 0.8em; letter-spacing: 0.02em; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 2.6rem 0; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing:0; } pre { overflow: auto; max-width: 100%; } pre { display:block; overflow: auto; max-width: 100%; padding: 2em; border: 1px solid #888; background-color: #f7f7f7; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; } /* Images */ img { max-width: 100%; /* width: auto; */ /* Only height: auto; not both! */ height: auto; vertical-align:top; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; } figure figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; font-size: 11px; font-weight:300; font-style:normal; text-align:center; line-height:15px; padding: 6px 10px; } figure:hover figcaption, .wp-caption:hover .wp-caption-text, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { line-height: inherit; font-weight: inherit; font-size: inherit; width:auto; margin:0; } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom:0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button { overflow: visible; } input[placeholder] { text-overflow:ellipsis; } input::-webkit-input-placeholder { text-overflow:ellipsis; } input::-moz-placeholder { text-overflow:ellipsis; } input:-ms-input-placeholder { text-overflow:ellipsis; } textarea, textarea.wp-editor-area, select, option, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } /*input[type="search"]::-webkit-search-cancel-button,*/ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } /* Required fields */ label.required:after { content:'*'; display: none; vertical-align:text-top; font-size:80%; color:#da6f5b; } /* Field set */ fieldset { padding: 1em 1.5em; margin: 1.5em 0.2em; border: 1px solid #ddd; position:relative; } fieldset legend { position:absolute; top: -0.6em; left: 1.5em; background-color:#fff; font-weight:400; font-style:italic; padding: 0 0.2em; letter-spacing:0; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, #buddypress div.activity-meta a, a.bp-title-button, /* Booked */ body #booked-profile-page input[type="submit"], body #booked-profile-page button, body .booked-list-view input[type="submit"], body .booked-list-view button, body table.booked-calendar input[type="submit"], body table.booked-calendar button, body .booked-modal input[type="submit"], body .booked-modal button, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_link, .sc_action_item_link, /* Tribe Events */ #tribe-bar-form .tribe-bar-submit input[type="submit"], #tribe-bar-form button, #tribe-bar-form a, #tribe-bar-form input, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-cal-links a, .tribe-events-sub-nav li a, .tribe-events-read-more, /* WooCommerce buttons */ .woocommerce .button, .woocommerce-page .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button .woocommerce #respond input#submit, .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond p.form-submit input[type="submit"], .woocommerce-page #review_form #respond p.form-submit input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce table.cart td.actions .button, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display:inline-block; text-transform:none; white-space:nowrap; padding: 1.215em 3em; font-size:0.933rem; line-height:15px; font-weight:500; letter-spacing:0.02em; border-width: 0 !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding:0.8em 1.6em; } /* Bordered button */ .sc_button.sc_button_bordered { border-width: 2px !important; padding: 1.3em 2.8em; } .sc_button.sc_button_bordered.sc_button_size_small { padding:0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-style:italic; font-weight:400; font-size:1em; line-height:1.25em; letter-spacing:0; text-transform:none; border: none; padding: 0 1.8em 0 0; } .sc_button_simple:before, .sc_button_simple:after { content:'\e93a'; font-family:'fontello'; font-style:normal; } /* Buttons in widgets */ .widget.woocommerce .button, .widget.WOOCS_CONVERTER .button, .widget.yith-woocompare-widget a.button, .widget.yith-woocompare-widget a.clear-all { font-size:11px; line-height: 16px; padding:10px 16px; } .widget.woocommerce .button+.button { margin-left: 3px; } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area, /* BB Press*/ #buddypress div.dir-search input[type="search"], #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="search"], #buddypress li.groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea { padding: 1.18em 1.43em; border: 1px solid #ddd; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="search"]:hover, select:hover, textarea:hover, textarea.wp-editor-area:hover { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.08 ); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.16 ); } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:10em; } .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { padding: 1em 1.2em; } /* Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { position:relative; padding-left:1.4em; line-height:1.5em; } input[type="radio"] + label:before, input[type="checkbox"] + label:before { content:' '; font-family:fontello; display:block; text-align:center; border: 1px solid #eee; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; width:0.6em; height:0.6em; line-height:0.53em; } input[type="radio"] + label:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + label:before { content:'\e8ab'; } input[type="radio"]:checked + label:before { content:'\e83c'; } /* Select container (dropdown) */ select { text-overflow:ellipsis; } .select_container { width:100%; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .select_container:before { content:' '; display:block; position:absolute; right:0; top:0; bottom: 0; width: 3em; z-index:1; pointer-events: none; cursor:pointer; } .select_container:after { content:'\e828'; font-family: 'fontello'; display:block; line-height:1em; width: 1em; height: 1em; text-align:center; position:absolute; right:1em; top:50%; margin-top:-0.5em; z-index:2; pointer-events: none; cursor:pointer; } .select_container select { background:none !important; border: none !important; width: 99% !important; /* use 100% if .select_container haven't border radius, else - only 99% */ padding:1.4em 1.4em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 2em !important; padding-top:0.75em; padding-bottom:0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0.5em; } /* Select2 - Advanced select with search */ .select2-container .select2-choice, .select2-container .select2-selection { height: auto; border: 2px solid #ddd; padding:1em 0 1em 1.4em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .select2-drop-active { border: none; } .select2-results { border: 1px solid #ddd; } .select2-search { padding: 4px 0; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin:0 !important; padding:0 !important; display: none; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.8em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; } .alignright { display: inline-block; float: right; margin-left: 2em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; text-align:center; } figure.alignleft, figure.alignright { margin-top:0.5em; } figure.aligncenter { margin-bottom:1em; } /* Sticky posts */ .sticky_wrap { margin-bottom: 5em; } .sticky { position:relative; border: 2px solid #ddd; padding: 2em; } .sidebar_hide .sticky_wrap .sticky, .body_style_fullwide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align:center; } .sticky .label_sticky { display:block; position:absolute; z-index:1; right: -14px; top: -14px; width: 0; height: 0; border: 12px solid transparent; border-top-color:#ddd; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .post_title { margin-top: 0.5em; margin-bottom:0; text-transform:uppercase; letter-spacing:1px; } /* Gallery */ .gallery { margin: 0 -5px; } .gallery-caption {display: block;} .bypostauthor {display: block;} .gallery .gallery-item { display: inline-block; vertical-align:top; margin-bottom:1em; overflow:hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 15px; margin: 0 5px; padding: 6px; font-size:11px; max-height: 42px; } .gallery .gallery-item:hover .gallery-caption { bottom: -200px; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:0.2em; } .post-password-form input[type="password"] { padding:1.2em; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; margin-right: -30px; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between column's tags: Right: Wrong: ... ... ... ... */ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left:30px; padding-right:0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left:0; padding-right:30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left:15px; padding-right:15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow:hidden; } .vertical-centered:before { content:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .swoop_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width: 1370px; } .body_style_boxed .top_panel > .vc_row.sc_layouts_row_fixed_on { width: 1370px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .body_style_boxed .sc_layouts_row_type_normal { padding-right: 7em; padding-left: 7em; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width:100%; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position:relative; } /* Content and Sidebar */ body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 370px; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; padding: 0.1px 0; margin-bottom:7.1rem; } .remove_margins .top_panel { margin-bottom:0 !important; } .top_panel.with_bg_image:before { content:' '; position:absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: block; } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position:absolute; z-index:1; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 0; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .header_position_under .page_content_wrap { position:relative; z-index:3; } .header_position_under .footer_wrap { position:relative; z-index:2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left:6rem; } body.menu_style_right { margin-right:6rem; } .menu_style_side .body_wrap { position:relative; overflow: hidden; max-width:100%; } .menu_style_side .menu_side_wrap { position: fixed; width: 6rem; z-index: 20000; top:0; bottom: 0; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .menu_side_wrap .logo_slogan { display:none; } .menu_side_wrap .menu_mobile_button { display:block; position:relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { left: -1.5em; text-align:left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { right: -1.5em; text-align:right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display:block; width: 5em; height: 5em; cursor:pointer; position:absolute; right:0; top: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content:' '; position:absolute; z-index:2; left:38%; top:50%; width: 25%; height: 0; margin-top:-1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left:0; top:0; height: 0; width: 100%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align:center; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; top: 48%; width: 100%; height: auto; max-height: 44%; padding-right:20px; /* Hide scrollbar */ overflow-y: scroll; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .menu_mobile .menu_mobile_nav_area ul { margin:0 auto; padding:0; list-style:none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0.6em 0 1.6em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding:0.15em 2.5em 0.15em 0; text-transform:uppercase; letter-spacing:1px; position:relative; display: inline-block; width: 30rem; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 0em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 1em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; display:block; width:1em; height:1em; line-height:1em; padding:0.25em; text-align:center; background-color: rgba(255,255,255,0.1); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0.25em 0.8em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255,255,255,0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family:'fontello'; content:'\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content:'\e835'; } .menu_mobile .search_mobile { position:absolute; left: 50%; bottom: 8rem; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position:relative; } .menu_mobile .search_mobile .search_field { width:100%; padding: 1em 3em 1em 1.5em; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding: 0.5em 1.8em; background-color:transparent; } .menu_mobile .socials_mobile { position:absolute; left: 0; bottom: 4rem; text-align:center; display:block; width: 100%; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size:1em; width:1em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing:0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:1em; line-height:inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position:relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform:none; -ms-transform:none; transform:none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 1em; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position:relative; z-index:2; } .header_widgets_wrap.header_fullwidth { overflow:hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom:0; } .sc_layouts_title_breadcrumbs:empty { display: none; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index:0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom:0; } .post_item > .post_title { margin-top:0; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.swoop_tabs .swoop_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper{ margin-top: 1.1em; } div.esg-filter-wrapper .esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height:1.4em; font-weight:normal; text-transform:uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.swoop_tabs .swoop_tabs_titles li a, div.swoop_tabs .swoop_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 0.5em 1.2em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.swoop_tabs .swoop_tabs_content { padding: 0; } div.swoop_tabs .swoop_tab_content_remove { opacity: 0; } div.swoop_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom: 2.5em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display:inline-block; margin-left:-0.3em; } /* Uncomment this if you want to stretch images to the block's width .post_featured img { width:100%; height:auto; } */ .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item.post_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '\e83c'; font-family: fontello; display: inline; font-size: inherit; font-style: normal; font-weight: 400; vertical-align: baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.7em 0 0.9em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_counters_comments:before{ content: '\e942'; font-family: fontello; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* Socials share in the post meta */ .post_share .social_items { font-size:1em; } .socials_share.socials_type_drop .social_items { padding:0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style:normal; text-transform:capitalize; } .post_meta .socials_share { display:inline; vertical-align:baseline; } .post_meta_item .socials_share .social_items { bottom:auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position:relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0,0,0,0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right: 0; text-transform: none; margin-top: 1px; margin-bottom: 1.3em; } .format-audio .post_featured .post_audio_title { font-size: 1.533rem; font-weight: 400; line-height: 1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; text-transform:none; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display:none; } .format-audio .post_featured .mejs-container { height: 52px !important; background-color: rgba(256,256,256,0.07) !important; border-radius: 5px; } .format-audio .post_featured .mejs-container .mejs-controls { height: 42px !important; padding: 0 15px; box-sizing: border-box; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time { font-size: 13px !important; font-weight: 300; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time * { font-family: Ubuntu,sans-serif; } /* .post_featured.with_thumb > iframe, */ .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 2.6em 2.33em 3.1em; border: none; border-radius: 5px; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player { padding: 2em 3em 1.75em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { border: none; background-color:transparent; } .trx_addons_audio_player .audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right:0; text-transform:none; margin-top: 1px; margin-bottom: 0.9em; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_caption { font-size: 1em; font-weight:400; line-height:1.35em; letter-spacing:1px; text-transform:none; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.8em; font-weight: 400; line-height:1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_author + .audio_caption { margin:-0.6em 0 0.25em; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { font-size: 14px !important; font-weight: 300; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time span { font-family: Rubik, sans-serif; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; margin: 0 !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; font-size: 2.3em; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; font-size: 2em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; font-size:10px; letter-spacing:0; top: -22px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 5px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height: 2px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before{ background-color: rgba(256,256,256,0.3); } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .format-video .post_featured.with_thumb .post_video:before { content:' '; display:inline-block; padding-top:55%; width:0; height:0; } .format-video .post_featured.with_thumb img { position:relative; z-index:2; } .format-video .post_featured.with_thumb .mask { z-index:3; background-color: rgba(0,0,0,0.5); opacity:0; } .format-video .post_featured.with_thumb:hover .mask { opacity:1; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; cursor: pointer; overflow:hidden; background-color: rgba(0,0,0,0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.2em; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { color: #000; background-color: #fff; overflow: visible; } .trx_addons_video_player.with_cover .video_mask { background-color: rgba(21, 25, 29, 0.76); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.2em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e920'; font-family:'fontello'; } .trx_addons_video_player.with_cover .video_hover:after, .format-video .post_featured.with_thumb .post_video_hover:after { content: ''; display: block; width: 5rem; height: 5rem; top: 50%; left: 50%; border-radius: 50%; margin-top: -2.5rem; margin-left: -2.5rem; position: absolute; background-color: rgba(255, 255, 255, 0.07); } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .format-video .post_featured.post_video_play .post_video { /*position:relative;*/ opacity:1; z-index:10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color:#000; } .format-video .post_featured.post_video_play .post_video > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align:left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height:1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p+p, .format-link .post_content p+p, .format-status .post_content p+p { margin-top:1em; } .format-aside .post_content_inner:after { display:none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top:1.6em; } /* Chat */ .format-chat p { margin-bottom:0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display:inline-block; margin-top:1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top:0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position:relative; margin-bottom:0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 5rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } /*.post_layout_excerpt.post_format_audio .post_featured,*/ .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.2rem; } .post_layout_excerpt .post_content { margin-top: 1.1rem; font-family: Lora; } .post_layout_excerpt .post_meta .post_meta_item:after{ content: ''; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top:1.6em; } .post_layout_excerpt .more-link { margin-top: 1.6rem; font-size: 0.933rem; font-weight: 500; letter-spacing: 0.02em; padding: 0; } .post_featured_wrap { position: relative; margin-bottom: 2.5em; overflow: hidden; } .post_featured_wrap .post_featured{ margin-bottom: 0em; display: table; } .post_featured_wrap .post_category { position: absolute; left: 25px; bottom: 25px; z-index: 200; } .post_featured_wrap .post_category a { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 3px; margin-right: 5px; } /* Masonry and Classic */ .post_layout_classic { position:relative; margin-bottom:4rem; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .post_layout_classic.format-aside .post_content_inner + .post_meta, .post_layout_classic.format-link .post_content_inner + .post_meta, .post_layout_classic.format-status .post_content_inner + .post_meta { margin-top:1em; } /* Chess */ .chess_wrap { overflow:hidden; } .post_layout_chess { position:relative; overflow:hidden; margin-bottom:0; } .post_layout_chess.sticky { padding:0; border-width: 0; } .post_layout_chess .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .post_layout_chess .post_featured { margin-bottom:0; width: 50%; float: right; max-height:none !important; } .post_layout_chess .post_featured_bg:before { padding-top: 100%; /* 112.5% - 16:9 */ } .post_layout_chess .post_inner { width: 50%; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin:0; } .post_layout_chess_1 .post_inner_content { padding: 0 14%; } .post_layout_chess_2 .post_inner_content { padding: 0 12%; } .post_layout_chess_3 .post_inner_content { padding: 0 10%; } .post_layout_chess .post_header { padding-top:0.1px; } .post_layout_chess .post_title { margin: 0; } .post_layout_chess .post_meta { margin-top: 1em; margin-bottom: 0 !important; } .post_layout_chess .post_header + .post_content { margin-top:1em; } .post_layout_chess .post_content_inner { overflow:hidden; position:relative; padding-bottom: 0; } .post_layout_chess:not(.post_format_aside) .post_content_inner { padding-top: 0; } .post_layout_chess .post_content_inner:after { content:' '; position:absolute; bottom:0; left:0; width:100%; height: 1em; display: none; } .post_layout_chess_1.post_format_quote .post_content_inner .post_meta, .post_layout_chess_1.post_format_link .post_content_inner .post_meta, .post_layout_chess_1.post_format_status .post_content_inner .post_meta { margin-top: 1rem; } .post_layout_chess_1.post_format_aside .post_content_inner .post_meta { margin-top: 3rem; } .post_layout_chess_1 .post_header + .post_content { margin-top:3.8rem; } .post_layout_chess_1 .more-link { margin-top: 3rem; } .post_layout_chess_1.post_format_quote .post_header, .post_layout_chess_1.post_format_link .post_header, .post_layout_chess_1.post_format_aside .post_header, .post_layout_chess_1.post_format_status .post_header, .post_layout_chess_2.post_format_quote .post_header, .post_layout_chess_2.post_format_link .post_header, .post_layout_chess_2.post_format_aside .post_header, .post_layout_chess_2.post_format_status .post_header { display:none; } .post_layout_chess_2 .post_title { font-size:1.6rem; } .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner { font-size:0.9333rem; line-height:1.5em; max-height: 15.4em; } .post_layout_chess_2 .post_meta, .post_layout_chess_3 .post_meta { font-size: 13px; line-height:18px; margin-top: 1rem; } .post_layout_chess_2.post_format_aside .post_meta { margin-top: 1.3333rem; } .post_layout_chess_2.post_format_audio .post_featured .post_audio_title, .post_layout_chess_3.post_format_audio .post_featured .post_audio_title { letter-spacing:0; } .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong { margin-top:0.8em; } .post_layout_chess_2 .more-link { margin-top: 1.5rem; } .post_layout_chess_3 .post_title { font-size:1.3333rem; line-height:1.2em; } .post_layout_chess_3 .post_content_inner { font-size:0.8667rem; line-height:1.3486em; max-height: 6.2rem; } .post_layout_chess_3 .post_content_inner, .post_layout_chess_3 .post_content_inner + .post_meta { display:none; } .post_layout_chess_3 .more-link { margin-top: 1rem; padding: 1em 2em; } .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; } .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; } .post_layout_chess_2 { width: 50%; float:left; } .post_layout_chess_2:nth-child(4n+3) .post_featured, .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; } .post_layout_chess_2:nth-child(4n+3) .post_inner, .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; } .post_layout_chess_3 { width: 33.3333%; float:left; } .post_layout_chess_3:nth-child(6n+4) .post_featured, .post_layout_chess_3:nth-child(6n+5) .post_featured, .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; } .post_layout_chess_3:nth-child(6n+4) .post_inner, .post_layout_chess_3:nth-child(6n+5) .post_inner, .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; } /* Portfolio */ .post_layout_portfolio .post_title { margin: 1em 0 0.4em; } .post_layout_portfolio .post_featured { margin-bottom:0; } .post_layout_portfolio .post_featured img { width: 100%; } /* This way not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!! ---------------------------------------------------------------------------------------------------------- */ /* .portfolio_wrap { position:relative; -webkit-column-gap: 1.6667em; -ms-column-gap: 1.6667em; column-gap: 1.6667em; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; } .portfolio_wrap.portfolio_3 { -webkit-column-count: 3; -ms-column-count: 3; column-count: 3; } .portfolio_wrap.portfolio_4 { -webkit-column-count: 4; -ms-column-count: 4; column-count: 4; } .post_layout_portfolio { position:relative; display: inline-block; margin-bottom:1.6667em; width: 100%; } */ /* This way use masonry.js script to build masonry layout and work properly in any browsers! ---------------------------------------------------------------------------------------------------------- */ .masonry_wrap, .portfolio_wrap { position:relative; margin-right:-30px; } .masonry_wrap .masonry_item, .post_layout_portfolio { position:relative; display: inline-block; vertical-align:top; padding:0 30px 30px 0; margin-bottom:0; width: 50%; border-width: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .masonry_wrap .masonry_item { padding-bottom: 0; } .masonry_wrap .post_layout_masonry { margin-bottom: 3em; } .post_layout_portfolio .label_sticky { top: -12px; left: -12px; right:auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .masonry_wrap .masonry_item-1_3, .portfolio_wrap.portfolio_3 .post_layout_portfolio { width: 33.3333%; } .masonry_wrap .masonry_item-1_4, .portfolio_wrap.portfolio_4 .post_layout_portfolio { width: 25%; } /* Gallery */ .post_layout_gallery * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_gallery .post_details { display:none; } .gallery_item_current { opacity: 0 !important; } .gallery_preview { position: fixed; z-index: 200000; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .gallery_preview:before { content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .gallery_preview_show { pointer-events: auto; } .gallery_preview_show:before { opacity: 1; } .gallery_preview_image_clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-backface-visibility: hidden; } .gallery_preview_show .gallery_preview_image_animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; -ms-transition: -ms-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .gallery_preview_image_animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -ms-transition: -ms-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .gallery_preview_description { position: absolute; z-index: 140; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery_preview_show .post_title { margin: 0 0 0.5em; } .gallery_preview_show .post_meta { font-size:1em; line-height:1.3em; margin-top:0; margin-bottom:2em; } .gallery_preview_show .post_description_content { max-width: 100%; font-size:1.1429em; line-height: 2em; } .gallery_preview_close { font-size: 2em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .gallery_preview_image_loaded .gallery_preview_close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more anf Infinite */ .nav-links-more { text-transform:uppercase; letter-spacing:1px; text-align:center; } .blog_style_excerpt .nav-links-more { margin-top: 2em; } .nav-links-more.nav-links-infinite { display:none; } .nav-links-more a { display:inline-block; padding-top: 2em; position:relative; } .nav-links-more a:before { content: '\e929'; font-family:'fontello'; font-size:1.6em; display:block; text-align:center; font-weight:normal; position:absolute; top:0; left:50%; margin-left:-0.5em; width:1em; height: 1em; line-height:1em; } .nav-links-more a:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } .nav-links-more.loading a:before { content: '\e810'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span { opacity: 0; } .nav-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow:hidden; font-size: 0.9333em; text-transform:uppercase; letter-spacing:1px; margin-top: 3em; } .body_style_fullscreen .nav-links-old { margin: 2em; } body[class*="blog_style_portfolio"] .nav-links-old, body[class*="blog_style_classic"] .nav-links-old { margin-top:1.3em; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family:'fontello'; display:inline; font-weight:normal; position:absolute; top:0; } .nav-links-old .nav-prev { float:left; position:relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e939'; left: 0; } .nav-links-old .nav-next { float:right; position:relative; padding-right:2em; } .nav-links-old .nav-next a:after { content: '\e93a'; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-pagination, .comments_pagination, .nav-links, .page_links { font-size: 1em; text-transform:uppercase; margin-top: 2.5em; text-align:center; } .nav-links { margin-top: 3.4em; } .page_links .page_links_title { margin-right: 1em; } div.esg-pagination .esg-pagination-button, .page_links > span:not(.page_links_title), .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { display:inline-block; width: 3em; height: 3em; line-height: 3em; font-size:inherit; font-weight: inherit; text-align:center; margin-right:0.6667em; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.esg-pagination .esg-pagination-button:hover, div.esg-pagination .esg-pagination-button.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next { width: auto; padding: 0 2em; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { font-size:0.8667em; text-align: left; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #ddd; overflow:hidden; text-transform:none; } .nav-links-single .nav-links a { display:block; position:relative; min-height: 5em; z-index:1; } .nav-links-single .nav-links a .nav-arrow { width:5em; height:4.6em; line-height:4.6em; overflow:hidden; text-align:center; position:absolute; top:0; left: 0; border: none; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color: #f7f7f7; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display:block; position:absolute; z-index:1; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; opacity:0; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity:0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e939'; font-family: 'fontello'; display:inline-block; position:relative; z-index:2; top: 0; opacity: 1; color: #292929; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:after { top: 0; opacity:1; } .nav-links-single .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single .nav-links .nav-next a .nav-arrow:after { content: '\e93a'; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width:50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous { float:left; text-align:left; padding-right:15px; } .nav-links-single .nav-links .nav-previous a { padding-left: 6.5em; } .nav-links-single .nav-links .nav-previous .post-title { text-align:left; } .nav-links-single .nav-links .nav-next { float:right; text-align:right; padding-left:15px; } .nav-links-single .nav-links .nav-next a { padding-right: 6.5em; } .nav-links-single .nav-links .nav-next .post-title { text-align:right; } .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .nav-links-single .nav-links .post-title { margin:0 0 3px; line-height: 1.3em; } .nav-links-single .nav-links .meta-nav { display: none; } .nav-links-single .nav-links .post_date { font-size:0.9286em; font-weight:normal; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float:none; width:auto; text-align:left; padding:0; margin:0; position: absolute; left: 1.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align:right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 0.5em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0,0,0,0); border: none; color: #fff; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff;; background-color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.6); } .image-navigation .nav-previous a:hover { padding-left:3.5em; } .image-navigation .nav-next a:hover { padding-right:3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3em; height: 3em; line-height: 3em; border: none; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 8. Single page parts -------------------------------------------------------------- */ .structured_data_snippets { display: none; } .post_item_single.format-aside .post_content, .post_item_single.format-link .post_content, .post_item_single.format-status .post_content { padding: 0; text-align:left; } .post_item_single.format-quote .post_content { background-color:transparent; padding-top:0; } .post_item_single .post_content .mejs-container{ height: 30px !important; border: 0 !important; margin-bottom: 1em; } .trx_addons_audio_player .mejs-container:not(.mejs-video) { height: 58px !important; border: 0 !important; } .trx_addons_audio_player .mejs-container .mejs-controls { height: 47px !important; padding: 0 15px; box-sizing: border-box; } .trx_addons_audio_player .mejs-container{ background-color: rgba(256,256,256,0.07) !important; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom:2.8em; } .post_featured.post_attachment { margin-bottom: 2.8em; } .entry-caption { text-align:center; font-style:italic; } .post_item_single .post_header { margin-bottom:2.5em; } .post_item_single .post_content > h1:first-child, .post_item_single .post_content > h2:first-child, .post_item_single .post_content > h3:first-child, .post_item_single .post_content > h4:first-child, .post_item_single .post_content > h5:first-child, .post_item_single .post_content > h6:first-child, .post_item_single .post_content > .vc_row:first-child h1:first-child, .post_item_single .post_content > .vc_row:first-child h2:first-child, .post_item_single .post_content > .vc_row:first-child h3:first-child, .post_item_single .post_content > .vc_row:first-child h4:first-child, .post_item_single .post_content > .vc_row:first-child h5:first-child, .post_item_single .post_content > .vc_row:first-child h6:first-child, .post_item_single .post_title { margin-top:-0.2em; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size: 1em; line-height:1.375em; margin-top: 2.2em; letter-spacing:0; overflow:hidden; } .post_item_single .post_content > .post_meta_single .post_tags { float: none; display:block; max-width: 100%; font-size: 0.94em; font-family: Lora, serif; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } /* Social share in the single post/page */ .post_item_single .post_content > .post_meta_single .post_share { float: none; display:block; max-width: 100%; margin-top: 2.8em; } .post_item_single .post_content > .post_meta_single .post_share:before { display:none; } .post_item_single .post_content > .post_meta_single .post_share .social_item { display: inline-block; margin-right: 5px; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display:block; font-size: 13px; width: 30px; height: 30px; line-height: 30px; border: 1px solid; text-align:center; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 8.5rem; padding: 2rem; position:relative; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .author_avatar { width: 7.66rem; height: 7.66rem; position: absolute; left: 2.53rem; top: 2.53rem; border-radius: 50%; overflow: hidden; } .author_avatar img { width:100%; height: auto; } .author_description { padding-left: 10.67rem; } .author_subtitle { font-size: 1em; font-family: Lora, serif; margin-bottom: 4px; display: inline-block; } .author_title { font-size: 1.067em; margin-top: 0; margin-bottom: 1.5em; } .author_bio p { margin:0; font-family: Lora, serif; } .author_bio p+p { margin-top:0.6em; } .author_bio .author_link { display:block; margin-top:0.8em; font-style: italic; letter-spacing:0; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 3.5rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .related_wrap_title { margin: 0 0 1.1em; text-align:left; } .related_wrap .related_item { text-align:center; } .related_wrap .post_categories { font-weight:700; text-transform:uppercase; font-size:12px; } .related_wrap .post_categories ul { margin: 0; padding:0; list-style:none; display:inline-block; } .related_wrap .post_categories li { display:inline-block; margin: 0; } .related_wrap .post_categories li+li { margin-left: 0.5em; } .related_wrap .post_categories li:nth-child(n+3) { display:none; /* Hide more then 2 categories */ } .related_wrap .post_title { margin: 0.2em 0 0.1em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display:block; position:absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:3em 2em; max-width: 70%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover { top: 90%; } .related_wrap .related_item_style_1 .post_title { margin: 0.8em 0; letter-spacing:1px; line-height:1.5em; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 1.1em; } .related_wrap .related_item_style_2 .post_featured img { width:100%; } .related_wrap .related_item_style_2 .post_date { font-size:10px; font-weight:bold; line-height:1.4em; text-transform:uppercase; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .comments_list_wrap .comments_closed { margin-top:2em; color:#1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 1.1em; text-align:left; } .comments_list_wrap > ul { padding: 0; margin:0; list-style: none; } .comments_list_wrap ul li + li, .comments_list_wrap li > ul > li { padding-top: 2.3em; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:6em; font-size: 1rem; } .comments_list_wrap ul > li .comment_body{ padding: 2.53rem; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { /* This way for long border under previous item */ margin-left: 6.67em; /* This way for short border under previous item */ padding-left:0; } .comments_list_wrap ul ul ul ul ul { /* padding-left:0; */ /* This way for long border under previous item */ margin-left:0; /* This way for short border under previous item */ } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 0; } .comments_list_wrap .comment_author_avatar { position: absolute; left: 2.53rem; top: 2.53rem; z-index:1; width: 7.67em; height: 7.67em; border-radius: 50%; overflow: hidden; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 4.8em; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 10.67rem; overflow:hidden; } .comments_list_wrap .comment_info { margin: -0.4em 0 1.3em; position:relative; } .comments_list_wrap .comment_author { margin:0; display:inline-block; } .comments_list_wrap .comment_posted { display:inline-block; position:relative; letter-spacing:0; font-size: 13px; line-height:inherit; font-style: normal; margin-left: 1em; } .comments_list_wrap .comment_posted_label { display:none; } .comments_list_wrap .comment_time { display:none; } .comments_list_wrap .comment_counters { margin-left: 1em; display: none; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style:italic; } .comments_list_wrap .comment_text { margin-bottom:0.5em; font-family: Lora, serif; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style: outside; } .comments_list_wrap .comment_text ol { margin:0; padding: 0 0 0 1.5em; list-style:decimal; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height:0; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border:none; } .comments_list_wrap .comment_reply { font-size: 1em; font-weight: 400; font-family: Lora, serif; line-height:1.2em; font-style: normal; letter-spacing:0; margin-top: 1.75em; margin-bottom: 0.6em; } .comments_list_wrap .comment_reply a:after{ content: '\e802'; font-family: fontello; margin-left: 0.5em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family:'fontello'; margin-right:0.2em; display: none; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 2em; } /* Comments form */ .comments_form_wrap { margin-top: 5.15rem; border-top: none; overflow:hidden; } .comments_form_wrap form { position:relative; overflow:hidden; } .comments_wrap .comments_form_title { margin: 0 0 1.1em; text-align:left; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position:relative; } .comments_wrap #cancel-comment-reply-link { font-size:0; } .comments_wrap #cancel-comment-reply-link:before { content: '\e916'; font-family: 'fontello'; font-size:18px; display:block; text-align:center; width: 2em; height: 2em; line-height: 2em; position:absolute; right: 0; top: 0; z-index: 1; } .comments_wrap .comments_notes { font-size:0.8667em; } .comments_wrap .comments_field { margin-bottom:2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_url { clear:both; } .comments_wrap .comments_field label { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding: 1.5em 2em; } .comments_wrap .comments_field textarea { min-height:11em; } /* Submit button */ .comments_wrap .form-submit { margin: 2.3em 0 0; } .comments_wrap .form-submit:before { content: ' '; clear:both; display:block; width:100%; height: 0; } .comments_wrap .form-submit input[type="submit"] { display:inline-block; } form .error_field { border-color: #CC6868 !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); } /* Result box */ .swoop_messagebox { display:inline-block; font-size:0.8667em; line-height:1.5em; padding: 1.5em; color: #006818; border: 1px solid #006818; background-color:#d8ffd8; position:absolute; z-index:1000; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); } .swoop_messagebox_style_error { color: #681800; border: 1px solid #681800; background-color:#ffd8d8; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); } .swoop_messagebox p { margin:0; } .swoop_messagebox p+p { margin-top:0.4em; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6rem 0 5rem; overflow:hidden; } .post_item_404 .page_title { float: left; width:50%; font-size: 15em; line-height: 1em; margin: 0; margin-top:0 !important; letter-spacing:0; text-align:center; } .post_item_404 .page_info { float: left; width:50%; text-align:left; padding: 0 0 0 5rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_subtitle { margin: 0; letter-spacing:1px; } .post_item_404 .page_description { margin-top: 1em; margin-bottom: 2em; text-transform:uppercase; letter-spacing:1px; line-height:1.8em; } .post_item_404 .go_home:after { content:'\e93a'; font-family:'fontello'; margin-left: 0.5em; font-size: 0.9333em; line-height:inherit; position:relative; top: 0; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height:1.2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar[class*="scheme_"] .sidebar_inner { padding: 2.6rem 2em; } .sidebar[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget+.widget, .sidebar[class*="scheme_"] .widget+.widget { margin-top: 4.15rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4.2rem; padding-bottom: 4.2rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar[class*="scheme_"] .widget.widget_fullwidth + .widget { border-top: none; margin-top: 0; } .widget p { margin:0; } .widget p+p, .widget p+div, .widget p+form { margin-top:1em; } .widget .widgettitle { font-size: 1.4286em; line-height: 1.35em; } .widget .widget_title, .widget .widgettitle { margin-top:0; margin-bottom: 1.4em; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle{ text-align:center; } .widget ul { margin:0; padding-left: 1.64em; list-style-type:none; } .widget ul ul ul ul { /* Remove padding for the levels 4+ */ padding-left: 0; } .widget li { position:relative; } .widget ul > li:before { content: ''; width: 7px; height: 7px; top: 0; margin-top: 0.8em; border-radius: 50%; position: absolute; left: -1.64em; } .widget li a img { vertical-align:baseline; } /* Widgets above and below the page (content and sidebar) */ .widgets_above_page_wrap, .widgets_above_content_wrap { font-size:1em; margin-bottom:2em; } .widgets_below_content_wrap, .widgets_below_page_wrap { font-size:1em; margin-top:2em; } .widgets_below_page_wrap { clear:both; } /* Widget: Calendar */ .widget_calendar table { width: 100%; position:relative; } .widget_calendar caption { padding-bottom:0.5em; font-weight:400; } .widget_calendar table > thead > tr { background-color: transparent !important; } .widget_calendar th, .widget_calendar td { font-size:1em !important; line-height:1.5em; font-weight:400 !important; font-style:normal; text-align:center; text-transform:uppercase; padding:2px; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 14.2857%; } .widget_calendar td { line-height:2em; padding:0; } .widget_calendar tbody td a { display:block; position:relative; font-weight:normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar tbody td a:after { content: ' '; position:absolute; left:48%; bottom: 1px; width: 3px; height: 3px; } .widget_calendar td#today { position:relative; z-index:2; } .widget_calendar td#today:before { content:' '; position:absolute; z-index:-1; left:50%; top: 50%; width: 2.2em; height: 2.2em; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .widget_calendar tfoot { position:relative; top: 0.6em; } .widget_calendar tfoot td { text-transform: none !important; } .widget_calendar td#prev { text-align:left; overflow:hidden; } .widget_calendar td#next { text-align:right; } .widget_calendar td#prev a, .widget_calendar td#next a { position:relative; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before { position:absolute; z-index:1; top: 0; width: 0.6em; height: 1em; line-height: 1.4em; display:inline-block; } .widget_calendar td#prev a:before { content: '<'; left:0; } .widget_calendar td#next a:before { content: '>'; right: 0; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left:0.5em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width:100%; overflow:hidden; position:relative; padding-bottom: 1px; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8f9'; font-family: 'fontello'; display:block; text-align:center; position:absolute; right:1.2em; top:50%; margin-top:-0.5em; width:1em; height:1em; line-height:1em; z-index:0; pointer-events: none; cursor:pointer; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width:100%; padding: 1.25em 1.5em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display:block; text-indent:-1000px; position:absolute; right:0; top:0; width:4em; height:100%; padding:0; border: none !important; background:none !important; z-index:1; cursor:pointer; } /* Widget: RSS */ .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_rss .widget_title a:first-child:before { content:'\e8ed'; font-family:'fontello'; display: inline-block; font-size:0.9em; } .widget_rss .widget_title img { display:none; } .widget_rss ul, .widget_rss li { padding-left:0 } .widget_rss li:before { display:none; } .widget_rss li+li { margin-top:2em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow:hidden; } .widget_product_tag_cloud .widget_title, .widget_tag_cloud .widget_title { margin-bottom:1em; } .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; float: left; padding: 7.5px 15px; margin: 0 4px 4px 0; font-size: 12px !important; line-height: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; /* border: 1px solid; */ box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } /* Widget: Instagram Feed */ #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top:-2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom:0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float:none; text-align:center; overflow:hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float:none; display:inline-block; overflow:hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height:1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height:1.5em; } #sb_instagram #sbi_load { margin-top:0.5em; } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin:0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display:none; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { margin-top:7.4rem; } .remove_margins .footer_wrap { margin-top:0; } .footer_copyright_inner .copyright_text, .footer_copyright_inner .socials_wrap { width: 75%; display: inline-block; margin-right: -2px; } .footer_copyright_inner .socials_wrap { width: 25%; } .footer_copyright_inner .socials_wrap { text-align: right; } /* Footer widgets */ .footer_wrap .widget { margin: 1.5em 0; } .footer_wrap li { line-height: 2.143em; } .footer_wrap .vc_col-sm-4 .widget li { display:inline-block; width: 45%; margin-right:3%; vertical-align:top; } .footer_wrap .vc_col-sm-4 .widget li li { display:block; width: 100%; margin-right:0%; } .footer_wrap .footer_fullwidth { overflow:hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align:left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align:center; margin-bottom:1.5em; } /* Footer logo */ .footer_logo_inner { padding:4em 0; overflow:hidden; text-align:center; position:relative; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content:' '; position:absolute; z-index:1; left: 50%; bottom:0; width: 1px; height: 3em; } .footer_logo_inner img { max-width:50%; } .logo_footer_text { font-size: 3.3333em; line-height:1em; letter-spacing:6px; margin:0; } .logo_footer_image + .logo_footer_text { margin:0.63em 0 2em; } /* Socials in the default footer */ .footer_socials_inner { padding:2em 0 3em; text-align:center; } /* Menu in the default footer */ .footer_menu_inner { padding:2em 0; text-align:center; } .menu_footer_nav_area > ul { padding:0; margin:0; list-style-type:none; } .menu_footer_nav_area > ul > li { display:inline-block; vertical-align: baseline; font-size: 11px; } .menu_footer_nav_area > ul > li+li:before { content: ' '; display:inline-block; width: 0; height:0.8em; margin:0 3em; vertical-align:baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a { padding: 0; display: inline-block; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; right: 5px; } .menu_footer_nav_area li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } .menu_footer_nav_area > ul > li ul { top: auto; bottom: 3em; margin-left: -3em; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a { display:block; font-size: 11px; } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size:0.9333em; padding: 1.4em 0; overflow:hidden; text-align:left; } .footer_copyright_wrap p { margin:0; } /* 11. Utils -------------------------------------------------------------- */ /* Debug window */ #debug_log { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debug_log { top:32px; } #debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debug_log_content { padding:12px; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display:none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom:0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.3em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* Visual Composer */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom:0 !important; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* Visual Composer */ .post_item_single .post_edit .vc_inline-link { display:none; } /* Magnific popup */ .mfp-bg { z-index:200001; } .mfp-wrap { z-index:200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding:0; width: 44px; text-align:center; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: none !important; } /* Instagram */ #sb_instagram .sbi_photo:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* RevSlider */ [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before, [id*="rev_slider"] .uranus.tparrows.tp-rightarrow:before { content: '\e946'; font-family: fontello; font-size: 20px !important; line-height: 90px !important; height: 80px !important; width: 30px !important; border-top: 1px solid rgba(256,256,256,0.6); } [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [id*="rev_slider"] .ares .tp-bullet { height: 6px !important; border-radius: 0; padding: 0 4px; } [id*="rev_slider"] .ares .tp-bullet.selected { width: 30px !important; } [id*="rev_slider"] .ares .tp-bullet-title { top: -7px !important; } [id*="rev_slider"] .zeus .tp-bullet { width: 9px !important; height: 9px !important; border: 1px solid #878687 !important; } [id*="rev_slider"] .zeus .tp-bullet.selected { border: 1px solid #fff !important; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow, [id*="rev_slider"] .custom.tparrows.tp-rightarrow { width: 90px !important; text-align: center !important; background-color: transparent; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow:before, [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94d'; font-family: fontello; font-size: 20px; width: 90px; text-align: center; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94e'; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:after{ content: '/'; position: absolute; left: 0; top: 5px; font-size: 35px; font-weight: 100; font-family: initial; } /* 14. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Height variants for the empty space */ .height_tiny { height: 1rem !important; } /* 15px */ .height_small { height: 2rem !important; } /* 30px */ .height_medium {height: 3.3333rem !important; } /* 50px */ .height_large, .height_big { height: 6.6667rem !important; } /* 100px */ .height_huge { height: 8.6667rem !important; } /* 130px */ /* Scroll button on the slider */ .theme_scroll_down { display:inline-block; text-align:center; cursor:pointer; text-transform:uppercase; font-size:11px !important; line-height:15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; /*'\e929';*/ font-family:'fontello'; font-size:16px !important; line-height:30px !important; display:block; text-align:center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* Makeup image */ #makeup { position:absolute; z-index:1000000; pointer-events: none; opacity:0.5; left: 50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .admin-bar #makeup { top:32px; } #makeup { /* Correct this value to position makeup image */ margin-left: 0px; margin-top: 0px; } .custom_column_1 > .vc_column-inner { background-position: left !important; } .custom_column_2 > .vc_column-inner { background-position: 70% 25% !important; } .vc_row.custom_row_1 { background-position: top !important; } .wpcf7-form-control-wrap, .wpcf7-form-control { width: 32%; margin: 0 0.5%; box-sizing: border-box; float: left; } .wpcf7-form-control-wrap > input { width: 100%; box-sizing: border-box; }
fvdfvdfv/* Theme Name: Orbit Interactive Theme URI: http://orbitinteractive.org Description: Orbit Interactive - excellent WordPress theme with many different blog and header layouts Author: Orbit Interactive Author URI: http://orbitinteractive.org Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: swoop */ /* TABLE OF CONTENTS: 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Page info (page/post title, category or tag name, author, etc.) 7.4 Blog layouts 7.5 Post Formats 7.6 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins 14. Predefined classes for users -------------------------------------------------------------- */ /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 15px; } body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } li > ol, li > ul, dl > dd { margin-bottom:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; font-size: 0.934rem; font-family: Lora; } li + li{ margin-top: 0.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, a:before, a:after, button, button:before, button:after, input[type="button"], input[type="submit"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display:block; } :active, :focus { outline:0; } address { font-size: .933em; font-family: Lora, serif; } address:before { margin-right: 8px !important; } /* Tables */ table { border-collapse: collapse; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.04 ); } table th+th, table th+td, table td+th, table td+td { border: 1px solid #ddd; } table > p { margin: 0 !important; } table td, table th { padding: 1.8em 1em; border: 1px solid; } table th { font-size: 1em; font-weight: 400; text-transform:none; font-style:normal; text-align: center; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-size: 0.933em; font-weight: 400; border-color: rgba(256,256,256,0.1); } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child { border-radius: 5px 0 0 0; } .sc_table table tr:first-child th:last-child, .sc_table table tr:first-child td:last-child { border-radius: 0 5px 0 0; } .sc_table table tr:last-child th:first-child, .sc_table table tr:last-child td:first-child { border-radius: 0 0 0 5px; } .sc_table table tr:last-child th:last-child, .sc_table table tr:last-child td:last-child { border-radius: 0 0 5px 0; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote { position: relative; text-align: left; padding: 2em 3.2em 2.3em 4.67em; border-radius: 5px; border: 1px solid; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size: 1.6em; display: block; position: absolute; top: 1.3em; left: 1.3em; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 1.067em; line-height: 2em; font-weight: 400; font-family: Lora; } blockquote > a, blockquote > p > a, blockquote > cite, blockquote > p > cite { display: block; font-size: 0.933rem; line-height: 1.35em; font-weight: 400; font-style: normal; text-transform: none; margin-top: 0.8em; letter-spacing: 0.02em; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 2.6rem 0; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing:0; } pre { overflow: auto; max-width: 100%; } pre { display:block; overflow: auto; max-width: 100%; padding: 2em; border: 1px solid #888; background-color: #f7f7f7; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; } /* Images */ img { max-width: 100%; /* width: auto; */ /* Only height: auto; not both! */ height: auto; vertical-align:top; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; } figure figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; font-size: 11px; font-weight:300; font-style:normal; text-align:center; line-height:15px; padding: 6px 10px; } figure:hover figcaption, .wp-caption:hover .wp-caption-text, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { line-height: inherit; font-weight: inherit; font-size: inherit; width:auto; margin:0; } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom:0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button { overflow: visible; } input[placeholder] { text-overflow:ellipsis; } input::-webkit-input-placeholder { text-overflow:ellipsis; } input::-moz-placeholder { text-overflow:ellipsis; } input:-ms-input-placeholder { text-overflow:ellipsis; } textarea, textarea.wp-editor-area, select, option, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } /*input[type="search"]::-webkit-search-cancel-button,*/ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } /* Required fields */ label.required:after { content:'*'; display: none; vertical-align:text-top; font-size:80%; color:#da6f5b; } /* Field set */ fieldset { padding: 1em 1.5em; margin: 1.5em 0.2em; border: 1px solid #ddd; position:relative; } fieldset legend { position:absolute; top: -0.6em; left: 1.5em; background-color:#fff; font-weight:400; font-style:italic; padding: 0 0.2em; letter-spacing:0; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, #buddypress div.activity-meta a, a.bp-title-button, /* Booked */ body #booked-profile-page input[type="submit"], body #booked-profile-page button, body .booked-list-view input[type="submit"], body .booked-list-view button, body table.booked-calendar input[type="submit"], body table.booked-calendar button, body .booked-modal input[type="submit"], body .booked-modal button, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_link, .sc_action_item_link, /* Tribe Events */ #tribe-bar-form .tribe-bar-submit input[type="submit"], #tribe-bar-form button, #tribe-bar-form a, #tribe-bar-form input, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-cal-links a, .tribe-events-sub-nav li a, .tribe-events-read-more, /* WooCommerce buttons */ .woocommerce .button, .woocommerce-page .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button .woocommerce #respond input#submit, .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond p.form-submit input[type="submit"], .woocommerce-page #review_form #respond p.form-submit input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce table.cart td.actions .button, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display:inline-block; text-transform:none; white-space:nowrap; padding: 1.215em 3em; font-size:0.933rem; line-height:15px; font-weight:500; letter-spacing:0.02em; border-width: 0 !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding:0.8em 1.6em; } /* Bordered button */ .sc_button.sc_button_bordered { border-width: 2px !important; padding: 1.3em 2.8em; } .sc_button.sc_button_bordered.sc_button_size_small { padding:0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-style:italic; font-weight:400; font-size:1em; line-height:1.25em; letter-spacing:0; text-transform:none; border: none; padding: 0 1.8em 0 0; } .sc_button_simple:before, .sc_button_simple:after { content:'\e93a'; font-family:'fontello'; font-style:normal; } /* Buttons in widgets */ .widget.woocommerce .button, .widget.WOOCS_CONVERTER .button, .widget.yith-woocompare-widget a.button, .widget.yith-woocompare-widget a.clear-all { font-size:11px; line-height: 16px; padding:10px 16px; } .widget.woocommerce .button+.button { margin-left: 3px; } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area, /* BB Press*/ #buddypress div.dir-search input[type="search"], #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="search"], #buddypress li.groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea { padding: 1.18em 1.43em; border: 1px solid #ddd; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="search"]:hover, select:hover, textarea:hover, textarea.wp-editor-area:hover { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.08 ); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.16 ); } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:10em; } .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { padding: 1em 1.2em; } /* Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { position:relative; padding-left:1.4em; line-height:1.5em; } input[type="radio"] + label:before, input[type="checkbox"] + label:before { content:' '; font-family:fontello; display:block; text-align:center; border: 1px solid #eee; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; width:0.6em; height:0.6em; line-height:0.53em; } input[type="radio"] + label:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + label:before { content:'\e8ab'; } input[type="radio"]:checked + label:before { content:'\e83c'; } /* Select container (dropdown) */ select { text-overflow:ellipsis; } .select_container { width:100%; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .select_container:before { content:' '; display:block; position:absolute; right:0; top:0; bottom: 0; width: 3em; z-index:1; pointer-events: none; cursor:pointer; } .select_container:after { content:'\e828'; font-family: 'fontello'; display:block; line-height:1em; width: 1em; height: 1em; text-align:center; position:absolute; right:1em; top:50%; margin-top:-0.5em; z-index:2; pointer-events: none; cursor:pointer; } .select_container select { background:none !important; border: none !important; width: 99% !important; /* use 100% if .select_container haven't border radius, else - only 99% */ padding:1.4em 1.4em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 2em !important; padding-top:0.75em; padding-bottom:0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0.5em; } /* Select2 - Advanced select with search */ .select2-container .select2-choice, .select2-container .select2-selection { height: auto; border: 2px solid #ddd; padding:1em 0 1em 1.4em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .select2-drop-active { border: none; } .select2-results { border: 1px solid #ddd; } .select2-search { padding: 4px 0; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin:0 !important; padding:0 !important; display: none; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.8em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; } .alignright { display: inline-block; float: right; margin-left: 2em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; text-align:center; } figure.alignleft, figure.alignright { margin-top:0.5em; } figure.aligncenter { margin-bottom:1em; } /* Sticky posts */ .sticky_wrap { margin-bottom: 5em; } .sticky { position:relative; border: 2px solid #ddd; padding: 2em; } .sidebar_hide .sticky_wrap .sticky, .body_style_fullwide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align:center; } .sticky .label_sticky { display:block; position:absolute; z-index:1; right: -14px; top: -14px; width: 0; height: 0; border: 12px solid transparent; border-top-color:#ddd; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .post_title { margin-top: 0.5em; margin-bottom:0; text-transform:uppercase; letter-spacing:1px; } /* Gallery */ .gallery { margin: 0 -5px; } .gallery-caption {display: block;} .bypostauthor {display: block;} .gallery .gallery-item { display: inline-block; vertical-align:top; margin-bottom:1em; overflow:hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 15px; margin: 0 5px; padding: 6px; font-size:11px; max-height: 42px; } .gallery .gallery-item:hover .gallery-caption { bottom: -200px; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:0.2em; } .post-password-form input[type="password"] { padding:1.2em; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; margin-right: -30px; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between column's tags: Right: Wrong:
... ...
... ...
*/ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left:30px; padding-right:0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left:0; padding-right:30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left:15px; padding-right:15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow:hidden; } .vertical-centered:before { content:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .swoop_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width: 1370px; } .body_style_boxed .top_panel > .vc_row.sc_layouts_row_fixed_on { width: 1370px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .body_style_boxed .sc_layouts_row_type_normal { padding-right: 7em; padding-left: 7em; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width:100%; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position:relative; } /* Content and Sidebar */ body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 370px; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; padding: 0.1px 0; margin-bottom:7.1rem; } .remove_margins .top_panel { margin-bottom:0 !important; } .top_panel.with_bg_image:before { content:' '; position:absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: block; } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position:absolute; z-index:1; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 0; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .header_position_under .page_content_wrap { position:relative; z-index:3; } .header_position_under .footer_wrap { position:relative; z-index:2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left:6rem; } body.menu_style_right { margin-right:6rem; } .menu_style_side .body_wrap { position:relative; overflow: hidden; max-width:100%; } .menu_style_side .menu_side_wrap { position: fixed; width: 6rem; z-index: 20000; top:0; bottom: 0; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .menu_side_wrap .logo_slogan { display:none; } .menu_side_wrap .menu_mobile_button { display:block; position:relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { left: -1.5em; text-align:left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { right: -1.5em; text-align:right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display:block; width: 5em; height: 5em; cursor:pointer; position:absolute; right:0; top: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content:' '; position:absolute; z-index:2; left:38%; top:50%; width: 25%; height: 0; margin-top:-1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left:0; top:0; height: 0; width: 100%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align:center; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; top: 48%; width: 100%; height: auto; max-height: 44%; padding-right:20px; /* Hide scrollbar */ overflow-y: scroll; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .menu_mobile .menu_mobile_nav_area ul { margin:0 auto; padding:0; list-style:none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0.6em 0 1.6em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding:0.15em 2.5em 0.15em 0; text-transform:uppercase; letter-spacing:1px; position:relative; display: inline-block; width: 30rem; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 0em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 1em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; display:block; width:1em; height:1em; line-height:1em; padding:0.25em; text-align:center; background-color: rgba(255,255,255,0.1); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0.25em 0.8em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255,255,255,0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family:'fontello'; content:'\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content:'\e835'; } .menu_mobile .search_mobile { position:absolute; left: 50%; bottom: 8rem; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position:relative; } .menu_mobile .search_mobile .search_field { width:100%; padding: 1em 3em 1em 1.5em; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding: 0.5em 1.8em; background-color:transparent; } .menu_mobile .socials_mobile { position:absolute; left: 0; bottom: 4rem; text-align:center; display:block; width: 100%; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size:1em; width:1em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing:0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:1em; line-height:inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position:relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform:none; -ms-transform:none; transform:none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 1em; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position:relative; z-index:2; } .header_widgets_wrap.header_fullwidth { overflow:hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom:0; } .sc_layouts_title_breadcrumbs:empty { display: none; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index:0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom:0; } .post_item > .post_title { margin-top:0; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.swoop_tabs .swoop_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper{ margin-top: 1.1em; } div.esg-filter-wrapper .esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height:1.4em; font-weight:normal; text-transform:uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.swoop_tabs .swoop_tabs_titles li a, div.swoop_tabs .swoop_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 0.5em 1.2em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.swoop_tabs .swoop_tabs_content { padding: 0; } div.swoop_tabs .swoop_tab_content_remove { opacity: 0; } div.swoop_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom: 2.5em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display:inline-block; margin-left:-0.3em; } /* Uncomment this if you want to stretch images to the block's width .post_featured img { width:100%; height:auto; } */ .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item.post_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '\e83c'; font-family: fontello; display: inline; font-size: inherit; font-style: normal; font-weight: 400; vertical-align: baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.7em 0 0.9em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_counters_comments:before{ content: '\e942'; font-family: fontello; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* Socials share in the post meta */ .post_share .social_items { font-size:1em; } .socials_share.socials_type_drop .social_items { padding:0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style:normal; text-transform:capitalize; } .post_meta .socials_share { display:inline; vertical-align:baseline; } .post_meta_item .socials_share .social_items { bottom:auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position:relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0,0,0,0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right: 0; text-transform: none; margin-top: 1px; margin-bottom: 1.3em; } .format-audio .post_featured .post_audio_title { font-size: 1.533rem; font-weight: 400; line-height: 1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; text-transform:none; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display:none; } .format-audio .post_featured .mejs-container { height: 52px !important; background-color: rgba(256,256,256,0.07) !important; border-radius: 5px; } .format-audio .post_featured .mejs-container .mejs-controls { height: 42px !important; padding: 0 15px; box-sizing: border-box; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time { font-size: 13px !important; font-weight: 300; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time * { font-family: Ubuntu,sans-serif; } /* .post_featured.with_thumb > iframe, */ .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 2.6em 2.33em 3.1em; border: none; border-radius: 5px; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player { padding: 2em 3em 1.75em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { border: none; background-color:transparent; } .trx_addons_audio_player .audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right:0; text-transform:none; margin-top: 1px; margin-bottom: 0.9em; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_caption { font-size: 1em; font-weight:400; line-height:1.35em; letter-spacing:1px; text-transform:none; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.8em; font-weight: 400; line-height:1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_author + .audio_caption { margin:-0.6em 0 0.25em; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { font-size: 14px !important; font-weight: 300; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time span { font-family: Rubik, sans-serif; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; margin: 0 !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; font-size: 2.3em; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; font-size: 2em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; font-size:10px; letter-spacing:0; top: -22px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 5px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height: 2px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before{ background-color: rgba(256,256,256,0.3); } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .format-video .post_featured.with_thumb .post_video:before { content:' '; display:inline-block; padding-top:55%; width:0; height:0; } .format-video .post_featured.with_thumb img { position:relative; z-index:2; } .format-video .post_featured.with_thumb .mask { z-index:3; background-color: rgba(0,0,0,0.5); opacity:0; } .format-video .post_featured.with_thumb:hover .mask { opacity:1; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; cursor: pointer; overflow:hidden; background-color: rgba(0,0,0,0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.2em; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { color: #000; background-color: #fff; overflow: visible; } .trx_addons_video_player.with_cover .video_mask { background-color: rgba(21, 25, 29, 0.76); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.2em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e920'; font-family:'fontello'; } .trx_addons_video_player.with_cover .video_hover:after, .format-video .post_featured.with_thumb .post_video_hover:after { content: ''; display: block; width: 5rem; height: 5rem; top: 50%; left: 50%; border-radius: 50%; margin-top: -2.5rem; margin-left: -2.5rem; position: absolute; background-color: rgba(255, 255, 255, 0.07); } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .format-video .post_featured.post_video_play .post_video { /*position:relative;*/ opacity:1; z-index:10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color:#000; } .format-video .post_featured.post_video_play .post_video > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align:left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height:1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p+p, .format-link .post_content p+p, .format-status .post_content p+p { margin-top:1em; } .format-aside .post_content_inner:after { display:none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top:1.6em; } /* Chat */ .format-chat p { margin-bottom:0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display:inline-block; margin-top:1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top:0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position:relative; margin-bottom:0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 5rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } /*.post_layout_excerpt.post_format_audio .post_featured,*/ .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.2rem; } .post_layout_excerpt .post_content { margin-top: 1.1rem; font-family: Lora; } .post_layout_excerpt .post_meta .post_meta_item:after{ content: ''; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top:1.6em; } .post_layout_excerpt .more-link { margin-top: 1.6rem; font-size: 0.933rem; font-weight: 500; letter-spacing: 0.02em; padding: 0; } .post_featured_wrap { position: relative; margin-bottom: 2.5em; overflow: hidden; } .post_featured_wrap .post_featured{ margin-bottom: 0em; display: table; } .post_featured_wrap .post_category { position: absolute; left: 25px; bottom: 25px; z-index: 200; } .post_featured_wrap .post_category a { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 3px; margin-right: 5px; } /* Masonry and Classic */ .post_layout_classic { position:relative; margin-bottom:4rem; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .post_layout_classic.format-aside .post_content_inner + .post_meta, .post_layout_classic.format-link .post_content_inner + .post_meta, .post_layout_classic.format-status .post_content_inner + .post_meta { margin-top:1em; } /* Chess */ .chess_wrap { overflow:hidden; } .post_layout_chess { position:relative; overflow:hidden; margin-bottom:0; } .post_layout_chess.sticky { padding:0; border-width: 0; } .post_layout_chess .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .post_layout_chess .post_featured { margin-bottom:0; width: 50%; float: right; max-height:none !important; } .post_layout_chess .post_featured_bg:before { padding-top: 100%; /* 112.5% - 16:9 */ } .post_layout_chess .post_inner { width: 50%; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin:0; } .post_layout_chess_1 .post_inner_content { padding: 0 14%; } .post_layout_chess_2 .post_inner_content { padding: 0 12%; } .post_layout_chess_3 .post_inner_content { padding: 0 10%; } .post_layout_chess .post_header { padding-top:0.1px; } .post_layout_chess .post_title { margin: 0; } .post_layout_chess .post_meta { margin-top: 1em; margin-bottom: 0 !important; } .post_layout_chess .post_header + .post_content { margin-top:1em; } .post_layout_chess .post_content_inner { overflow:hidden; position:relative; padding-bottom: 0; } .post_layout_chess:not(.post_format_aside) .post_content_inner { padding-top: 0; } .post_layout_chess .post_content_inner:after { content:' '; position:absolute; bottom:0; left:0; width:100%; height: 1em; display: none; } .post_layout_chess_1.post_format_quote .post_content_inner .post_meta, .post_layout_chess_1.post_format_link .post_content_inner .post_meta, .post_layout_chess_1.post_format_status .post_content_inner .post_meta { margin-top: 1rem; } .post_layout_chess_1.post_format_aside .post_content_inner .post_meta { margin-top: 3rem; } .post_layout_chess_1 .post_header + .post_content { margin-top:3.8rem; } .post_layout_chess_1 .more-link { margin-top: 3rem; } .post_layout_chess_1.post_format_quote .post_header, .post_layout_chess_1.post_format_link .post_header, .post_layout_chess_1.post_format_aside .post_header, .post_layout_chess_1.post_format_status .post_header, .post_layout_chess_2.post_format_quote .post_header, .post_layout_chess_2.post_format_link .post_header, .post_layout_chess_2.post_format_aside .post_header, .post_layout_chess_2.post_format_status .post_header { display:none; } .post_layout_chess_2 .post_title { font-size:1.6rem; } .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner { font-size:0.9333rem; line-height:1.5em; max-height: 15.4em; } .post_layout_chess_2 .post_meta, .post_layout_chess_3 .post_meta { font-size: 13px; line-height:18px; margin-top: 1rem; } .post_layout_chess_2.post_format_aside .post_meta { margin-top: 1.3333rem; } .post_layout_chess_2.post_format_audio .post_featured .post_audio_title, .post_layout_chess_3.post_format_audio .post_featured .post_audio_title { letter-spacing:0; } .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong { margin-top:0.8em; } .post_layout_chess_2 .more-link { margin-top: 1.5rem; } .post_layout_chess_3 .post_title { font-size:1.3333rem; line-height:1.2em; } .post_layout_chess_3 .post_content_inner { font-size:0.8667rem; line-height:1.3486em; max-height: 6.2rem; } .post_layout_chess_3 .post_content_inner, .post_layout_chess_3 .post_content_inner + .post_meta { display:none; } .post_layout_chess_3 .more-link { margin-top: 1rem; padding: 1em 2em; } .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; } .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; } .post_layout_chess_2 { width: 50%; float:left; } .post_layout_chess_2:nth-child(4n+3) .post_featured, .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; } .post_layout_chess_2:nth-child(4n+3) .post_inner, .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; } .post_layout_chess_3 { width: 33.3333%; float:left; } .post_layout_chess_3:nth-child(6n+4) .post_featured, .post_layout_chess_3:nth-child(6n+5) .post_featured, .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; } .post_layout_chess_3:nth-child(6n+4) .post_inner, .post_layout_chess_3:nth-child(6n+5) .post_inner, .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; } /* Portfolio */ .post_layout_portfolio .post_title { margin: 1em 0 0.4em; } .post_layout_portfolio .post_featured { margin-bottom:0; } .post_layout_portfolio .post_featured img { width: 100%; } /* This way not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!! ---------------------------------------------------------------------------------------------------------- */ /* .portfolio_wrap { position:relative; -webkit-column-gap: 1.6667em; -ms-column-gap: 1.6667em; column-gap: 1.6667em; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; } .portfolio_wrap.portfolio_3 { -webkit-column-count: 3; -ms-column-count: 3; column-count: 3; } .portfolio_wrap.portfolio_4 { -webkit-column-count: 4; -ms-column-count: 4; column-count: 4; } .post_layout_portfolio { position:relative; display: inline-block; margin-bottom:1.6667em; width: 100%; } */ /* This way use masonry.js script to build masonry layout and work properly in any browsers! ---------------------------------------------------------------------------------------------------------- */ .masonry_wrap, .portfolio_wrap { position:relative; margin-right:-30px; } .masonry_wrap .masonry_item, .post_layout_portfolio { position:relative; display: inline-block; vertical-align:top; padding:0 30px 30px 0; margin-bottom:0; width: 50%; border-width: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .masonry_wrap .masonry_item { padding-bottom: 0; } .masonry_wrap .post_layout_masonry { margin-bottom: 3em; } .post_layout_portfolio .label_sticky { top: -12px; left: -12px; right:auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .masonry_wrap .masonry_item-1_3, .portfolio_wrap.portfolio_3 .post_layout_portfolio { width: 33.3333%; } .masonry_wrap .masonry_item-1_4, .portfolio_wrap.portfolio_4 .post_layout_portfolio { width: 25%; } /* Gallery */ .post_layout_gallery * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_gallery .post_details { display:none; } .gallery_item_current { opacity: 0 !important; } .gallery_preview { position: fixed; z-index: 200000; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .gallery_preview:before { content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .gallery_preview_show { pointer-events: auto; } .gallery_preview_show:before { opacity: 1; } .gallery_preview_image_clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-backface-visibility: hidden; } .gallery_preview_show .gallery_preview_image_animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; -ms-transition: -ms-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .gallery_preview_image_animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -ms-transition: -ms-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .gallery_preview_description { position: absolute; z-index: 140; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery_preview_show .post_title { margin: 0 0 0.5em; } .gallery_preview_show .post_meta { font-size:1em; line-height:1.3em; margin-top:0; margin-bottom:2em; } .gallery_preview_show .post_description_content { max-width: 100%; font-size:1.1429em; line-height: 2em; } .gallery_preview_close { font-size: 2em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .gallery_preview_image_loaded .gallery_preview_close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more anf Infinite */ .nav-links-more { text-transform:uppercase; letter-spacing:1px; text-align:center; } .blog_style_excerpt .nav-links-more { margin-top: 2em; } .nav-links-more.nav-links-infinite { display:none; } .nav-links-more a { display:inline-block; padding-top: 2em; position:relative; } .nav-links-more a:before { content: '\e929'; font-family:'fontello'; font-size:1.6em; display:block; text-align:center; font-weight:normal; position:absolute; top:0; left:50%; margin-left:-0.5em; width:1em; height: 1em; line-height:1em; } .nav-links-more a:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } .nav-links-more.loading a:before { content: '\e810'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span { opacity: 0; } .nav-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow:hidden; font-size: 0.9333em; text-transform:uppercase; letter-spacing:1px; margin-top: 3em; } .body_style_fullscreen .nav-links-old { margin: 2em; } body[class*="blog_style_portfolio"] .nav-links-old, body[class*="blog_style_classic"] .nav-links-old { margin-top:1.3em; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family:'fontello'; display:inline; font-weight:normal; position:absolute; top:0; } .nav-links-old .nav-prev { float:left; position:relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e939'; left: 0; } .nav-links-old .nav-next { float:right; position:relative; padding-right:2em; } .nav-links-old .nav-next a:after { content: '\e93a'; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-pagination, .comments_pagination, .nav-links, .page_links { font-size: 1em; text-transform:uppercase; margin-top: 2.5em; text-align:center; } .nav-links { margin-top: 3.4em; } .page_links .page_links_title { margin-right: 1em; } div.esg-pagination .esg-pagination-button, .page_links > span:not(.page_links_title), .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { display:inline-block; width: 3em; height: 3em; line-height: 3em; font-size:inherit; font-weight: inherit; text-align:center; margin-right:0.6667em; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.esg-pagination .esg-pagination-button:hover, div.esg-pagination .esg-pagination-button.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next { width: auto; padding: 0 2em; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { font-size:0.8667em; text-align: left; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #ddd; overflow:hidden; text-transform:none; } .nav-links-single .nav-links a { display:block; position:relative; min-height: 5em; z-index:1; } .nav-links-single .nav-links a .nav-arrow { width:5em; height:4.6em; line-height:4.6em; overflow:hidden; text-align:center; position:absolute; top:0; left: 0; border: none; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color: #f7f7f7; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display:block; position:absolute; z-index:1; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; opacity:0; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity:0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e939'; font-family: 'fontello'; display:inline-block; position:relative; z-index:2; top: 0; opacity: 1; color: #292929; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:after { top: 0; opacity:1; } .nav-links-single .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single .nav-links .nav-next a .nav-arrow:after { content: '\e93a'; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width:50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous { float:left; text-align:left; padding-right:15px; } .nav-links-single .nav-links .nav-previous a { padding-left: 6.5em; } .nav-links-single .nav-links .nav-previous .post-title { text-align:left; } .nav-links-single .nav-links .nav-next { float:right; text-align:right; padding-left:15px; } .nav-links-single .nav-links .nav-next a { padding-right: 6.5em; } .nav-links-single .nav-links .nav-next .post-title { text-align:right; } .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .nav-links-single .nav-links .post-title { margin:0 0 3px; line-height: 1.3em; } .nav-links-single .nav-links .meta-nav { display: none; } .nav-links-single .nav-links .post_date { font-size:0.9286em; font-weight:normal; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float:none; width:auto; text-align:left; padding:0; margin:0; position: absolute; left: 1.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align:right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 0.5em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0,0,0,0); border: none; color: #fff; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff;; background-color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.6); } .image-navigation .nav-previous a:hover { padding-left:3.5em; } .image-navigation .nav-next a:hover { padding-right:3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3em; height: 3em; line-height: 3em; border: none; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 8. Single page parts -------------------------------------------------------------- */ .structured_data_snippets { display: none; } .post_item_single.format-aside .post_content, .post_item_single.format-link .post_content, .post_item_single.format-status .post_content { padding: 0; text-align:left; } .post_item_single.format-quote .post_content { background-color:transparent; padding-top:0; } .post_item_single .post_content .mejs-container{ height: 30px !important; border: 0 !important; margin-bottom: 1em; } .trx_addons_audio_player .mejs-container:not(.mejs-video) { height: 58px !important; border: 0 !important; } .trx_addons_audio_player .mejs-container .mejs-controls { height: 47px !important; padding: 0 15px; box-sizing: border-box; } .trx_addons_audio_player .mejs-container{ background-color: rgba(256,256,256,0.07) !important; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom:2.8em; } .post_featured.post_attachment { margin-bottom: 2.8em; } .entry-caption { text-align:center; font-style:italic; } .post_item_single .post_header { margin-bottom:2.5em; } .post_item_single .post_content > h1:first-child, .post_item_single .post_content > h2:first-child, .post_item_single .post_content > h3:first-child, .post_item_single .post_content > h4:first-child, .post_item_single .post_content > h5:first-child, .post_item_single .post_content > h6:first-child, .post_item_single .post_content > .vc_row:first-child h1:first-child, .post_item_single .post_content > .vc_row:first-child h2:first-child, .post_item_single .post_content > .vc_row:first-child h3:first-child, .post_item_single .post_content > .vc_row:first-child h4:first-child, .post_item_single .post_content > .vc_row:first-child h5:first-child, .post_item_single .post_content > .vc_row:first-child h6:first-child, .post_item_single .post_title { margin-top:-0.2em; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size: 1em; line-height:1.375em; margin-top: 2.2em; letter-spacing:0; overflow:hidden; } .post_item_single .post_content > .post_meta_single .post_tags { float: none; display:block; max-width: 100%; font-size: 0.94em; font-family: Lora, serif; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } /* Social share in the single post/page */ .post_item_single .post_content > .post_meta_single .post_share { float: none; display:block; max-width: 100%; margin-top: 2.8em; } .post_item_single .post_content > .post_meta_single .post_share:before { display:none; } .post_item_single .post_content > .post_meta_single .post_share .social_item { display: inline-block; margin-right: 5px; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display:block; font-size: 13px; width: 30px; height: 30px; line-height: 30px; border: 1px solid; text-align:center; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 8.5rem; padding: 2rem; position:relative; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .author_avatar { width: 7.66rem; height: 7.66rem; position: absolute; left: 2.53rem; top: 2.53rem; border-radius: 50%; overflow: hidden; } .author_avatar img { width:100%; height: auto; } .author_description { padding-left: 10.67rem; } .author_subtitle { font-size: 1em; font-family: Lora, serif; margin-bottom: 4px; display: inline-block; } .author_title { font-size: 1.067em; margin-top: 0; margin-bottom: 1.5em; } .author_bio p { margin:0; font-family: Lora, serif; } .author_bio p+p { margin-top:0.6em; } .author_bio .author_link { display:block; margin-top:0.8em; font-style: italic; letter-spacing:0; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 3.5rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .related_wrap_title { margin: 0 0 1.1em; text-align:left; } .related_wrap .related_item { text-align:center; } .related_wrap .post_categories { font-weight:700; text-transform:uppercase; font-size:12px; } .related_wrap .post_categories ul { margin: 0; padding:0; list-style:none; display:inline-block; } .related_wrap .post_categories li { display:inline-block; margin: 0; } .related_wrap .post_categories li+li { margin-left: 0.5em; } .related_wrap .post_categories li:nth-child(n+3) { display:none; /* Hide more then 2 categories */ } .related_wrap .post_title { margin: 0.2em 0 0.1em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display:block; position:absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:3em 2em; max-width: 70%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover { top: 90%; } .related_wrap .related_item_style_1 .post_title { margin: 0.8em 0; letter-spacing:1px; line-height:1.5em; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 1.1em; } .related_wrap .related_item_style_2 .post_featured img { width:100%; } .related_wrap .related_item_style_2 .post_date { font-size:10px; font-weight:bold; line-height:1.4em; text-transform:uppercase; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .comments_list_wrap .comments_closed { margin-top:2em; color:#1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 1.1em; text-align:left; } .comments_list_wrap > ul { padding: 0; margin:0; list-style: none; } .comments_list_wrap ul li + li, .comments_list_wrap li > ul > li { padding-top: 2.3em; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:6em; font-size: 1rem; } .comments_list_wrap ul > li .comment_body{ padding: 2.53rem; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { /* This way for long border under previous item */ margin-left: 6.67em; /* This way for short border under previous item */ padding-left:0; } .comments_list_wrap ul ul ul ul ul { /* padding-left:0; */ /* This way for long border under previous item */ margin-left:0; /* This way for short border under previous item */ } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 0; } .comments_list_wrap .comment_author_avatar { position: absolute; left: 2.53rem; top: 2.53rem; z-index:1; width: 7.67em; height: 7.67em; border-radius: 50%; overflow: hidden; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 4.8em; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 10.67rem; overflow:hidden; } .comments_list_wrap .comment_info { margin: -0.4em 0 1.3em; position:relative; } .comments_list_wrap .comment_author { margin:0; display:inline-block; } .comments_list_wrap .comment_posted { display:inline-block; position:relative; letter-spacing:0; font-size: 13px; line-height:inherit; font-style: normal; margin-left: 1em; } .comments_list_wrap .comment_posted_label { display:none; } .comments_list_wrap .comment_time { display:none; } .comments_list_wrap .comment_counters { margin-left: 1em; display: none; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style:italic; } .comments_list_wrap .comment_text { margin-bottom:0.5em; font-family: Lora, serif; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style: outside; } .comments_list_wrap .comment_text ol { margin:0; padding: 0 0 0 1.5em; list-style:decimal; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height:0; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border:none; } .comments_list_wrap .comment_reply { font-size: 1em; font-weight: 400; font-family: Lora, serif; line-height:1.2em; font-style: normal; letter-spacing:0; margin-top: 1.75em; margin-bottom: 0.6em; } .comments_list_wrap .comment_reply a:after{ content: '\e802'; font-family: fontello; margin-left: 0.5em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family:'fontello'; margin-right:0.2em; display: none; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 2em; } /* Comments form */ .comments_form_wrap { margin-top: 5.15rem; border-top: none; overflow:hidden; } .comments_form_wrap form { position:relative; overflow:hidden; } .comments_wrap .comments_form_title { margin: 0 0 1.1em; text-align:left; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position:relative; } .comments_wrap #cancel-comment-reply-link { font-size:0; } .comments_wrap #cancel-comment-reply-link:before { content: '\e916'; font-family: 'fontello'; font-size:18px; display:block; text-align:center; width: 2em; height: 2em; line-height: 2em; position:absolute; right: 0; top: 0; z-index: 1; } .comments_wrap .comments_notes { font-size:0.8667em; } .comments_wrap .comments_field { margin-bottom:2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_url { clear:both; } .comments_wrap .comments_field label { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding: 1.5em 2em; } .comments_wrap .comments_field textarea { min-height:11em; } /* Submit button */ .comments_wrap .form-submit { margin: 2.3em 0 0; } .comments_wrap .form-submit:before { content: ' '; clear:both; display:block; width:100%; height: 0; } .comments_wrap .form-submit input[type="submit"] { display:inline-block; } form .error_field { border-color: #CC6868 !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); } /* Result box */ .swoop_messagebox { display:inline-block; font-size:0.8667em; line-height:1.5em; padding: 1.5em; color: #006818; border: 1px solid #006818; background-color:#d8ffd8; position:absolute; z-index:1000; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); } .swoop_messagebox_style_error { color: #681800; border: 1px solid #681800; background-color:#ffd8d8; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); } .swoop_messagebox p { margin:0; } .swoop_messagebox p+p { margin-top:0.4em; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6rem 0 5rem; overflow:hidden; } .post_item_404 .page_title { float: left; width:50%; font-size: 15em; line-height: 1em; margin: 0; margin-top:0 !important; letter-spacing:0; text-align:center; } .post_item_404 .page_info { float: left; width:50%; text-align:left; padding: 0 0 0 5rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_subtitle { margin: 0; letter-spacing:1px; } .post_item_404 .page_description { margin-top: 1em; margin-bottom: 2em; text-transform:uppercase; letter-spacing:1px; line-height:1.8em; } .post_item_404 .go_home:after { content:'\e93a'; font-family:'fontello'; margin-left: 0.5em; font-size: 0.9333em; line-height:inherit; position:relative; top: 0; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height:1.2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar[class*="scheme_"] .sidebar_inner { padding: 2.6rem 2em; } .sidebar[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget+.widget, .sidebar[class*="scheme_"] .widget+.widget { margin-top: 4.15rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4.2rem; padding-bottom: 4.2rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar[class*="scheme_"] .widget.widget_fullwidth + .widget { border-top: none; margin-top: 0; } .widget p { margin:0; } .widget p+p, .widget p+div, .widget p+form { margin-top:1em; } .widget .widgettitle { font-size: 1.4286em; line-height: 1.35em; } .widget .widget_title, .widget .widgettitle { margin-top:0; margin-bottom: 1.4em; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle{ text-align:center; } .widget ul { margin:0; padding-left: 1.64em; list-style-type:none; } .widget ul ul ul ul { /* Remove padding for the levels 4+ */ padding-left: 0; } .widget li { position:relative; } .widget ul > li:before { content: ''; width: 7px; height: 7px; top: 0; margin-top: 0.8em; border-radius: 50%; position: absolute; left: -1.64em; } .widget li a img { vertical-align:baseline; } /* Widgets above and below the page (content and sidebar) */ .widgets_above_page_wrap, .widgets_above_content_wrap { font-size:1em; margin-bottom:2em; } .widgets_below_content_wrap, .widgets_below_page_wrap { font-size:1em; margin-top:2em; } .widgets_below_page_wrap { clear:both; } /* Widget: Calendar */ .widget_calendar table { width: 100%; position:relative; } .widget_calendar caption { padding-bottom:0.5em; font-weight:400; } .widget_calendar table > thead > tr { background-color: transparent !important; } .widget_calendar th, .widget_calendar td { font-size:1em !important; line-height:1.5em; font-weight:400 !important; font-style:normal; text-align:center; text-transform:uppercase; padding:2px; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 14.2857%; } .widget_calendar td { line-height:2em; padding:0; } .widget_calendar tbody td a { display:block; position:relative; font-weight:normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar tbody td a:after { content: ' '; position:absolute; left:48%; bottom: 1px; width: 3px; height: 3px; } .widget_calendar td#today { position:relative; z-index:2; } .widget_calendar td#today:before { content:' '; position:absolute; z-index:-1; left:50%; top: 50%; width: 2.2em; height: 2.2em; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .widget_calendar tfoot { position:relative; top: 0.6em; } .widget_calendar tfoot td { text-transform: none !important; } .widget_calendar td#prev { text-align:left; overflow:hidden; } .widget_calendar td#next { text-align:right; } .widget_calendar td#prev a, .widget_calendar td#next a { position:relative; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before { position:absolute; z-index:1; top: 0; width: 0.6em; height: 1em; line-height: 1.4em; display:inline-block; } .widget_calendar td#prev a:before { content: '<'; left:0; } .widget_calendar td#next a:before { content: '>'; right: 0; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left:0.5em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width:100%; overflow:hidden; position:relative; padding-bottom: 1px; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8f9'; font-family: 'fontello'; display:block; text-align:center; position:absolute; right:1.2em; top:50%; margin-top:-0.5em; width:1em; height:1em; line-height:1em; z-index:0; pointer-events: none; cursor:pointer; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width:100%; padding: 1.25em 1.5em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display:block; text-indent:-1000px; position:absolute; right:0; top:0; width:4em; height:100%; padding:0; border: none !important; background:none !important; z-index:1; cursor:pointer; } /* Widget: RSS */ .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_rss .widget_title a:first-child:before { content:'\e8ed'; font-family:'fontello'; display: inline-block; font-size:0.9em; } .widget_rss .widget_title img { display:none; } .widget_rss ul, .widget_rss li { padding-left:0 } .widget_rss li:before { display:none; } .widget_rss li+li { margin-top:2em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow:hidden; } .widget_product_tag_cloud .widget_title, .widget_tag_cloud .widget_title { margin-bottom:1em; } .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; float: left; padding: 7.5px 15px; margin: 0 4px 4px 0; font-size: 12px !important; line-height: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; /* border: 1px solid; */ box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } /* Widget: Instagram Feed */ #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top:-2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom:0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float:none; text-align:center; overflow:hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float:none; display:inline-block; overflow:hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height:1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height:1.5em; } #sb_instagram #sbi_load { margin-top:0.5em; } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin:0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display:none; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { margin-top:7.4rem; } .remove_margins .footer_wrap { margin-top:0; } .footer_copyright_inner .copyright_text, .footer_copyright_inner .socials_wrap { width: 75%; display: inline-block; margin-right: -2px; } .footer_copyright_inner .socials_wrap { width: 25%; } .footer_copyright_inner .socials_wrap { text-align: right; } /* Footer widgets */ .footer_wrap .widget { margin: 1.5em 0; } .footer_wrap li { line-height: 2.143em; } .footer_wrap .vc_col-sm-4 .widget li { display:inline-block; width: 45%; margin-right:3%; vertical-align:top; } .footer_wrap .vc_col-sm-4 .widget li li { display:block; width: 100%; margin-right:0%; } .footer_wrap .footer_fullwidth { overflow:hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align:left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align:center; margin-bottom:1.5em; } /* Footer logo */ .footer_logo_inner { padding:4em 0; overflow:hidden; text-align:center; position:relative; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content:' '; position:absolute; z-index:1; left: 50%; bottom:0; width: 1px; height: 3em; } .footer_logo_inner img { max-width:50%; } .logo_footer_text { font-size: 3.3333em; line-height:1em; letter-spacing:6px; margin:0; } .logo_footer_image + .logo_footer_text { margin:0.63em 0 2em; } /* Socials in the default footer */ .footer_socials_inner { padding:2em 0 3em; text-align:center; } /* Menu in the default footer */ .footer_menu_inner { padding:2em 0; text-align:center; } .menu_footer_nav_area > ul { padding:0; margin:0; list-style-type:none; } .menu_footer_nav_area > ul > li { display:inline-block; vertical-align: baseline; font-size: 11px; } .menu_footer_nav_area > ul > li+li:before { content: ' '; display:inline-block; width: 0; height:0.8em; margin:0 3em; vertical-align:baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a { padding: 0; display: inline-block; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; right: 5px; } .menu_footer_nav_area li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } .menu_footer_nav_area > ul > li ul { top: auto; bottom: 3em; margin-left: -3em; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a { display:block; font-size: 11px; } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size:0.9333em; padding: 1.4em 0; overflow:hidden; text-align:left; } .footer_copyright_wrap p { margin:0; } /* 11. Utils -------------------------------------------------------------- */ /* Debug window */ #debug_log { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debug_log { top:32px; } #debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debug_log_content { padding:12px; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display:none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom:0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.3em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* Visual Composer */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom:0 !important; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* Visual Composer */ .post_item_single .post_edit .vc_inline-link { display:none; } /* Magnific popup */ .mfp-bg { z-index:200001; } .mfp-wrap { z-index:200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding:0; width: 44px; text-align:center; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: none !important; } /* Instagram */ #sb_instagram .sbi_photo:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* RevSlider */ [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before, [id*="rev_slider"] .uranus.tparrows.tp-rightarrow:before { content: '\e946'; font-family: fontello; font-size: 20px !important; line-height: 90px !important; height: 80px !important; width: 30px !important; border-top: 1px solid rgba(256,256,256,0.6); } [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [id*="rev_slider"] .ares .tp-bullet { height: 6px !important; border-radius: 0; padding: 0 4px; } [id*="rev_slider"] .ares .tp-bullet.selected { width: 30px !important; } [id*="rev_slider"] .ares .tp-bullet-title { top: -7px !important; } [id*="rev_slider"] .zeus .tp-bullet { width: 9px !important; height: 9px !important; border: 1px solid #878687 !important; } [id*="rev_slider"] .zeus .tp-bullet.selected { border: 1px solid #fff !important; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow, [id*="rev_slider"] .custom.tparrows.tp-rightarrow { width: 90px !important; text-align: center !important; background-color: transparent; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow:before, [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94d'; font-family: fontello; font-size: 20px; width: 90px; text-align: center; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94e'; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:after{ content: '/'; position: absolute; left: 0; top: 5px; font-size: 35px; font-weight: 100; font-family: initial; } /* 14. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Height variants for the empty space */ .height_tiny { height: 1rem !important; } /* 15px */ .height_small { height: 2rem !important; } /* 30px */ .height_medium {height: 3.3333rem !important; } /* 50px */ .height_large, .height_big { height: 6.6667rem !important; } /* 100px */ .height_huge { height: 8.6667rem !important; } /* 130px */ /* Scroll button on the slider */ .theme_scroll_down { display:inline-block; text-align:center; cursor:pointer; text-transform:uppercase; font-size:11px !important; line-height:15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; /*'\e929';*/ font-family:'fontello'; font-size:16px !important; line-height:30px !important; display:block; text-align:center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* Makeup image */ #makeup { position:absolute; z-index:1000000; pointer-events: none; opacity:0.5; left: 50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .admin-bar #makeup { top:32px; } #makeup { /* Correct this value to position makeup image */ margin-left: 0px; margin-top: 0px; } .custom_column_1 > .vc_column-inner { background-position: left !important; } .custom_column_2 > .vc_column-inner { background-position: 70% 25% !important; } .vc_row.custom_row_1 { background-position: top !important; } .wpcf7-form-control-wrap, .wpcf7-form-control { width: 32%; margin: 0 0.5%; box-sizing: border-box; float: left; } .wpcf7-form-control-wrap > input { width: 100%; box-sizing: border-box; } /* Theme Name: Orbit Interactive Theme URI: http://orbitinteractive.org Description: Orbit Interactive - excellent WordPress theme with many different blog and header layouts Author: Orbit Interactive Author URI: http://orbitinteractive.org Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: swoop */ /* TABLE OF CONTENTS: 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Page info (page/post title, category or tag name, author, etc.) 7.4 Blog layouts 7.5 Post Formats 7.6 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins 14. Predefined classes for users -------------------------------------------------------------- */ /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 15px; } body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } li > ol, li > ul, dl > dd { margin-bottom:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; font-size: 0.934rem; font-family: Lora; } li + li{ margin-top: 0.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, a:before, a:after, button, button:before, button:after, input[type="button"], input[type="submit"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display:block; } :active, :focus { outline:0; } address { font-size: .933em; font-family: Lora, serif; } address:before { margin-right: 8px !important; } /* Tables */ table { border-collapse: collapse; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.04 ); } table th+th, table th+td, table td+th, table td+td { border: 1px solid #ddd; } table > p { margin: 0 !important; } table td, table th { padding: 1.8em 1em; border: 1px solid; } table th { font-size: 1em; font-weight: 400; text-transform:none; font-style:normal; text-align: center; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-size: 0.933em; font-weight: 400; border-color: rgba(256,256,256,0.1); } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child { border-radius: 5px 0 0 0; } .sc_table table tr:first-child th:last-child, .sc_table table tr:first-child td:last-child { border-radius: 0 5px 0 0; } .sc_table table tr:last-child th:first-child, .sc_table table tr:last-child td:first-child { border-radius: 0 0 0 5px; } .sc_table table tr:last-child th:last-child, .sc_table table tr:last-child td:last-child { border-radius: 0 0 5px 0; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote { position: relative; text-align: left; padding: 2em 3.2em 2.3em 4.67em; border-radius: 5px; border: 1px solid; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size: 1.6em; display: block; position: absolute; top: 1.3em; left: 1.3em; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 1.067em; line-height: 2em; font-weight: 400; font-family: Lora; } blockquote > a, blockquote > p > a, blockquote > cite, blockquote > p > cite { display: block; font-size: 0.933rem; line-height: 1.35em; font-weight: 400; font-style: normal; text-transform: none; margin-top: 0.8em; letter-spacing: 0.02em; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 2.6rem 0; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing:0; } pre { overflow: auto; max-width: 100%; } pre { display:block; overflow: auto; max-width: 100%; padding: 2em; border: 1px solid #888; background-color: #f7f7f7; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; } /* Images */ img { max-width: 100%; /* width: auto; */ /* Only height: auto; not both! */ height: auto; vertical-align:top; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; } figure figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; font-size: 11px; font-weight:300; font-style:normal; text-align:center; line-height:15px; padding: 6px 10px; } figure:hover figcaption, .wp-caption:hover .wp-caption-text, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { line-height: inherit; font-weight: inherit; font-size: inherit; width:auto; margin:0; } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom:0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button { overflow: visible; } input[placeholder] { text-overflow:ellipsis; } input::-webkit-input-placeholder { text-overflow:ellipsis; } input::-moz-placeholder { text-overflow:ellipsis; } input:-ms-input-placeholder { text-overflow:ellipsis; } textarea, textarea.wp-editor-area, select, option, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } /*input[type="search"]::-webkit-search-cancel-button,*/ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } /* Required fields */ label.required:after { content:'*'; display: none; vertical-align:text-top; font-size:80%; color:#da6f5b; } /* Field set */ fieldset { padding: 1em 1.5em; margin: 1.5em 0.2em; border: 1px solid #ddd; position:relative; } fieldset legend { position:absolute; top: -0.6em; left: 1.5em; background-color:#fff; font-weight:400; font-style:italic; padding: 0 0.2em; letter-spacing:0; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, #buddypress div.activity-meta a, a.bp-title-button, /* Booked */ body #booked-profile-page input[type="submit"], body #booked-profile-page button, body .booked-list-view input[type="submit"], body .booked-list-view button, body table.booked-calendar input[type="submit"], body table.booked-calendar button, body .booked-modal input[type="submit"], body .booked-modal button, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_link, .sc_action_item_link, /* Tribe Events */ #tribe-bar-form .tribe-bar-submit input[type="submit"], #tribe-bar-form button, #tribe-bar-form a, #tribe-bar-form input, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-cal-links a, .tribe-events-sub-nav li a, .tribe-events-read-more, /* WooCommerce buttons */ .woocommerce .button, .woocommerce-page .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button .woocommerce #respond input#submit, .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond p.form-submit input[type="submit"], .woocommerce-page #review_form #respond p.form-submit input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce table.cart td.actions .button, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display:inline-block; text-transform:none; white-space:nowrap; padding: 1.215em 3em; font-size:0.933rem; line-height:15px; font-weight:500; letter-spacing:0.02em; border-width: 0 !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding:0.8em 1.6em; } /* Bordered button */ .sc_button.sc_button_bordered { border-width: 2px !important; padding: 1.3em 2.8em; } .sc_button.sc_button_bordered.sc_button_size_small { padding:0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-style:italic; font-weight:400; font-size:1em; line-height:1.25em; letter-spacing:0; text-transform:none; border: none; padding: 0 1.8em 0 0; } .sc_button_simple:before, .sc_button_simple:after { content:'\e93a'; font-family:'fontello'; font-style:normal; } /* Buttons in widgets */ .widget.woocommerce .button, .widget.WOOCS_CONVERTER .button, .widget.yith-woocompare-widget a.button, .widget.yith-woocompare-widget a.clear-all { font-size:11px; line-height: 16px; padding:10px 16px; } .widget.woocommerce .button+.button { margin-left: 3px; } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area, /* BB Press*/ #buddypress div.dir-search input[type="search"], #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="search"], #buddypress li.groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea { padding: 1.18em 1.43em; border: 1px solid #ddd; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="search"]:hover, select:hover, textarea:hover, textarea.wp-editor-area:hover { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.08 ); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.16 ); } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:10em; } .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { padding: 1em 1.2em; } /* Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { position:relative; padding-left:1.4em; line-height:1.5em; } input[type="radio"] + label:before, input[type="checkbox"] + label:before { content:' '; font-family:fontello; display:block; text-align:center; border: 1px solid #eee; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; width:0.6em; height:0.6em; line-height:0.53em; } input[type="radio"] + label:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + label:before { content:'\e8ab'; } input[type="radio"]:checked + label:before { content:'\e83c'; } /* Select container (dropdown) */ select { text-overflow:ellipsis; } .select_container { width:100%; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .select_container:before { content:' '; display:block; position:absolute; right:0; top:0; bottom: 0; width: 3em; z-index:1; pointer-events: none; cursor:pointer; } .select_container:after { content:'\e828'; font-family: 'fontello'; display:block; line-height:1em; width: 1em; height: 1em; text-align:center; position:absolute; right:1em; top:50%; margin-top:-0.5em; z-index:2; pointer-events: none; cursor:pointer; } .select_container select { background:none !important; border: none !important; width: 99% !important; /* use 100% if .select_container haven't border radius, else - only 99% */ padding:1.4em 1.4em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 2em !important; padding-top:0.75em; padding-bottom:0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0.5em; } /* Select2 - Advanced select with search */ .select2-container .select2-choice, .select2-container .select2-selection { height: auto; border: 2px solid #ddd; padding:1em 0 1em 1.4em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .select2-drop-active { border: none; } .select2-results { border: 1px solid #ddd; } .select2-search { padding: 4px 0; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin:0 !important; padding:0 !important; display: none; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.8em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; } .alignright { display: inline-block; float: right; margin-left: 2em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; text-align:center; } figure.alignleft, figure.alignright { margin-top:0.5em; } figure.aligncenter { margin-bottom:1em; } /* Sticky posts */ .sticky_wrap { margin-bottom: 5em; } .sticky { position:relative; border: 2px solid #ddd; padding: 2em; } .sidebar_hide .sticky_wrap .sticky, .body_style_fullwide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align:center; } .sticky .label_sticky { display:block; position:absolute; z-index:1; right: -14px; top: -14px; width: 0; height: 0; border: 12px solid transparent; border-top-color:#ddd; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .post_title { margin-top: 0.5em; margin-bottom:0; text-transform:uppercase; letter-spacing:1px; } /* Gallery */ .gallery { margin: 0 -5px; } .gallery-caption {display: block;} .bypostauthor {display: block;} .gallery .gallery-item { display: inline-block; vertical-align:top; margin-bottom:1em; overflow:hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 15px; margin: 0 5px; padding: 6px; font-size:11px; max-height: 42px; } .gallery .gallery-item:hover .gallery-caption { bottom: -200px; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:0.2em; } .post-password-form input[type="password"] { padding:1.2em; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; margin-right: -30px; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between column's tags: Right: Wrong:
... ...
... ...
*/ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left:30px; padding-right:0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left:0; padding-right:30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left:15px; padding-right:15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow:hidden; } .vertical-centered:before { content:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .swoop_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width: 1370px; } .body_style_boxed .top_panel > .vc_row.sc_layouts_row_fixed_on { width: 1370px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .body_style_boxed .sc_layouts_row_type_normal { padding-right: 7em; padding-left: 7em; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width:100%; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position:relative; } /* Content and Sidebar */ body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 370px; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; padding: 0.1px 0; margin-bottom:7.1rem; } .remove_margins .top_panel { margin-bottom:0 !important; } .top_panel.with_bg_image:before { content:' '; position:absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: block; } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position:absolute; z-index:1; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 0; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .header_position_under .page_content_wrap { position:relative; z-index:3; } .header_position_under .footer_wrap { position:relative; z-index:2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left:6rem; } body.menu_style_right { margin-right:6rem; } .menu_style_side .body_wrap { position:relative; overflow: hidden; max-width:100%; } .menu_style_side .menu_side_wrap { position: fixed; width: 6rem; z-index: 20000; top:0; bottom: 0; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .menu_side_wrap .logo_slogan { display:none; } .menu_side_wrap .menu_mobile_button { display:block; position:relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { left: -1.5em; text-align:left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { right: -1.5em; text-align:right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display:block; width: 5em; height: 5em; cursor:pointer; position:absolute; right:0; top: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content:' '; position:absolute; z-index:2; left:38%; top:50%; width: 25%; height: 0; margin-top:-1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left:0; top:0; height: 0; width: 100%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align:center; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; top: 48%; width: 100%; height: auto; max-height: 44%; padding-right:20px; /* Hide scrollbar */ overflow-y: scroll; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .menu_mobile .menu_mobile_nav_area ul { margin:0 auto; padding:0; list-style:none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0.6em 0 1.6em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding:0.15em 2.5em 0.15em 0; text-transform:uppercase; letter-spacing:1px; position:relative; display: inline-block; width: 30rem; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 0em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 1em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; display:block; width:1em; height:1em; line-height:1em; padding:0.25em; text-align:center; background-color: rgba(255,255,255,0.1); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0.25em 0.8em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255,255,255,0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family:'fontello'; content:'\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content:'\e835'; } .menu_mobile .search_mobile { position:absolute; left: 50%; bottom: 8rem; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position:relative; } .menu_mobile .search_mobile .search_field { width:100%; padding: 1em 3em 1em 1.5em; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding: 0.5em 1.8em; background-color:transparent; } .menu_mobile .socials_mobile { position:absolute; left: 0; bottom: 4rem; text-align:center; display:block; width: 100%; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size:1em; width:1em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing:0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:1em; line-height:inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position:relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform:none; -ms-transform:none; transform:none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 1em; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position:relative; z-index:2; } .header_widgets_wrap.header_fullwidth { overflow:hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom:0; } .sc_layouts_title_breadcrumbs:empty { display: none; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index:0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom:0; } .post_item > .post_title { margin-top:0; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.swoop_tabs .swoop_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper{ margin-top: 1.1em; } div.esg-filter-wrapper .esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height:1.4em; font-weight:normal; text-transform:uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.swoop_tabs .swoop_tabs_titles li a, div.swoop_tabs .swoop_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 0.5em 1.2em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.swoop_tabs .swoop_tabs_content { padding: 0; } div.swoop_tabs .swoop_tab_content_remove { opacity: 0; } div.swoop_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom: 2.5em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display:inline-block; margin-left:-0.3em; } /* Uncomment this if you want to stretch images to the block's width .post_featured img { width:100%; height:auto; } */ .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item.post_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '\e83c'; font-family: fontello; display: inline; font-size: inherit; font-style: normal; font-weight: 400; vertical-align: baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.7em 0 0.9em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_counters_comments:before{ content: '\e942'; font-family: fontello; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* Socials share in the post meta */ .post_share .social_items { font-size:1em; } .socials_share.socials_type_drop .social_items { padding:0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style:normal; text-transform:capitalize; } .post_meta .socials_share { display:inline; vertical-align:baseline; } .post_meta_item .socials_share .social_items { bottom:auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position:relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0,0,0,0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right: 0; text-transform: none; margin-top: 1px; margin-bottom: 1.3em; } .format-audio .post_featured .post_audio_title { font-size: 1.533rem; font-weight: 400; line-height: 1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; text-transform:none; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display:none; } .format-audio .post_featured .mejs-container { height: 52px !important; background-color: rgba(256,256,256,0.07) !important; border-radius: 5px; } .format-audio .post_featured .mejs-container .mejs-controls { height: 42px !important; padding: 0 15px; box-sizing: border-box; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time { font-size: 13px !important; font-weight: 300; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time * { font-family: Ubuntu,sans-serif; } /* .post_featured.with_thumb > iframe, */ .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 2.6em 2.33em 3.1em; border: none; border-radius: 5px; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player { padding: 2em 3em 1.75em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { border: none; background-color:transparent; } .trx_addons_audio_player .audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right:0; text-transform:none; margin-top: 1px; margin-bottom: 0.9em; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_caption { font-size: 1em; font-weight:400; line-height:1.35em; letter-spacing:1px; text-transform:none; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.8em; font-weight: 400; line-height:1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_author + .audio_caption { margin:-0.6em 0 0.25em; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { font-size: 14px !important; font-weight: 300; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time span { font-family: Rubik, sans-serif; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; margin: 0 !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; font-size: 2.3em; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; font-size: 2em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; font-size:10px; letter-spacing:0; top: -22px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 5px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height: 2px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before{ background-color: rgba(256,256,256,0.3); } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .format-video .post_featured.with_thumb .post_video:before { content:' '; display:inline-block; padding-top:55%; width:0; height:0; } .format-video .post_featured.with_thumb img { position:relative; z-index:2; } .format-video .post_featured.with_thumb .mask { z-index:3; background-color: rgba(0,0,0,0.5); opacity:0; } .format-video .post_featured.with_thumb:hover .mask { opacity:1; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; cursor: pointer; overflow:hidden; background-color: rgba(0,0,0,0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.2em; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { color: #000; background-color: #fff; overflow: visible; } .trx_addons_video_player.with_cover .video_mask { background-color: rgba(21, 25, 29, 0.76); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.2em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e920'; font-family:'fontello'; } .trx_addons_video_player.with_cover .video_hover:after, .format-video .post_featured.with_thumb .post_video_hover:after { content: ''; display: block; width: 5rem; height: 5rem; top: 50%; left: 50%; border-radius: 50%; margin-top: -2.5rem; margin-left: -2.5rem; position: absolute; background-color: rgba(255, 255, 255, 0.07); } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .format-video .post_featured.post_video_play .post_video { /*position:relative;*/ opacity:1; z-index:10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color:#000; } .format-video .post_featured.post_video_play .post_video > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align:left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height:1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p+p, .format-link .post_content p+p, .format-status .post_content p+p { margin-top:1em; } .format-aside .post_content_inner:after { display:none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top:1.6em; } /* Chat */ .format-chat p { margin-bottom:0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display:inline-block; margin-top:1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top:0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position:relative; margin-bottom:0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 5rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } /*.post_layout_excerpt.post_format_audio .post_featured,*/ .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.2rem; } .post_layout_excerpt .post_content { margin-top: 1.1rem; font-family: Lora; } .post_layout_excerpt .post_meta .post_meta_item:after{ content: ''; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top:1.6em; } .post_layout_excerpt .more-link { margin-top: 1.6rem; font-size: 0.933rem; font-weight: 500; letter-spacing: 0.02em; padding: 0; } .post_featured_wrap { position: relative; margin-bottom: 2.5em; overflow: hidden; } .post_featured_wrap .post_featured{ margin-bottom: 0em; display: table; } .post_featured_wrap .post_category { position: absolute; left: 25px; bottom: 25px; z-index: 200; } .post_featured_wrap .post_category a { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 3px; margin-right: 5px; } /* Masonry and Classic */ .post_layout_classic { position:relative; margin-bottom:4rem; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .post_layout_classic.format-aside .post_content_inner + .post_meta, .post_layout_classic.format-link .post_content_inner + .post_meta, .post_layout_classic.format-status .post_content_inner + .post_meta { margin-top:1em; } /* Chess */ .chess_wrap { overflow:hidden; } .post_layout_chess { position:relative; overflow:hidden; margin-bottom:0; } .post_layout_chess.sticky { padding:0; border-width: 0; } .post_layout_chess .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .post_layout_chess .post_featured { margin-bottom:0; width: 50%; float: right; max-height:none !important; } .post_layout_chess .post_featured_bg:before { padding-top: 100%; /* 112.5% - 16:9 */ } .post_layout_chess .post_inner { width: 50%; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin:0; } .post_layout_chess_1 .post_inner_content { padding: 0 14%; } .post_layout_chess_2 .post_inner_content { padding: 0 12%; } .post_layout_chess_3 .post_inner_content { padding: 0 10%; } .post_layout_chess .post_header { padding-top:0.1px; } .post_layout_chess .post_title { margin: 0; } .post_layout_chess .post_meta { margin-top: 1em; margin-bottom: 0 !important; } .post_layout_chess .post_header + .post_content { margin-top:1em; } .post_layout_chess .post_content_inner { overflow:hidden; position:relative; padding-bottom: 0; } .post_layout_chess:not(.post_format_aside) .post_content_inner { padding-top: 0; } .post_layout_chess .post_content_inner:after { content:' '; position:absolute; bottom:0; left:0; width:100%; height: 1em; display: none; } .post_layout_chess_1.post_format_quote .post_content_inner .post_meta, .post_layout_chess_1.post_format_link .post_content_inner .post_meta, .post_layout_chess_1.post_format_status .post_content_inner .post_meta { margin-top: 1rem; } .post_layout_chess_1.post_format_aside .post_content_inner .post_meta { margin-top: 3rem; } .post_layout_chess_1 .post_header + .post_content { margin-top:3.8rem; } .post_layout_chess_1 .more-link { margin-top: 3rem; } .post_layout_chess_1.post_format_quote .post_header, .post_layout_chess_1.post_format_link .post_header, .post_layout_chess_1.post_format_aside .post_header, .post_layout_chess_1.post_format_status .post_header, .post_layout_chess_2.post_format_quote .post_header, .post_layout_chess_2.post_format_link .post_header, .post_layout_chess_2.post_format_aside .post_header, .post_layout_chess_2.post_format_status .post_header { display:none; } .post_layout_chess_2 .post_title { font-size:1.6rem; } .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner { font-size:0.9333rem; line-height:1.5em; max-height: 15.4em; } .post_layout_chess_2 .post_meta, .post_layout_chess_3 .post_meta { font-size: 13px; line-height:18px; margin-top: 1rem; } .post_layout_chess_2.post_format_aside .post_meta { margin-top: 1.3333rem; } .post_layout_chess_2.post_format_audio .post_featured .post_audio_title, .post_layout_chess_3.post_format_audio .post_featured .post_audio_title { letter-spacing:0; } .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong { margin-top:0.8em; } .post_layout_chess_2 .more-link { margin-top: 1.5rem; } .post_layout_chess_3 .post_title { font-size:1.3333rem; line-height:1.2em; } .post_layout_chess_3 .post_content_inner { font-size:0.8667rem; line-height:1.3486em; max-height: 6.2rem; } .post_layout_chess_3 .post_content_inner, .post_layout_chess_3 .post_content_inner + .post_meta { display:none; } .post_layout_chess_3 .more-link { margin-top: 1rem; padding: 1em 2em; } .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; } .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; } .post_layout_chess_2 { width: 50%; float:left; } .post_layout_chess_2:nth-child(4n+3) .post_featured, .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; } .post_layout_chess_2:nth-child(4n+3) .post_inner, .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; } .post_layout_chess_3 { width: 33.3333%; float:left; } .post_layout_chess_3:nth-child(6n+4) .post_featured, .post_layout_chess_3:nth-child(6n+5) .post_featured, .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; } .post_layout_chess_3:nth-child(6n+4) .post_inner, .post_layout_chess_3:nth-child(6n+5) .post_inner, .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; } /* Portfolio */ .post_layout_portfolio .post_title { margin: 1em 0 0.4em; } .post_layout_portfolio .post_featured { margin-bottom:0; } .post_layout_portfolio .post_featured img { width: 100%; } /* This way not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!! ---------------------------------------------------------------------------------------------------------- */ /* .portfolio_wrap { position:relative; -webkit-column-gap: 1.6667em; -ms-column-gap: 1.6667em; column-gap: 1.6667em; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; } .portfolio_wrap.portfolio_3 { -webkit-column-count: 3; -ms-column-count: 3; column-count: 3; } .portfolio_wrap.portfolio_4 { -webkit-column-count: 4; -ms-column-count: 4; column-count: 4; } .post_layout_portfolio { position:relative; display: inline-block; margin-bottom:1.6667em; width: 100%; } */ /* This way use masonry.js script to build masonry layout and work properly in any browsers! ---------------------------------------------------------------------------------------------------------- */ .masonry_wrap, .portfolio_wrap { position:relative; margin-right:-30px; } .masonry_wrap .masonry_item, .post_layout_portfolio { position:relative; display: inline-block; vertical-align:top; padding:0 30px 30px 0; margin-bottom:0; width: 50%; border-width: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .masonry_wrap .masonry_item { padding-bottom: 0; } .masonry_wrap .post_layout_masonry { margin-bottom: 3em; } .post_layout_portfolio .label_sticky { top: -12px; left: -12px; right:auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .masonry_wrap .masonry_item-1_3, .portfolio_wrap.portfolio_3 .post_layout_portfolio { width: 33.3333%; } .masonry_wrap .masonry_item-1_4, .portfolio_wrap.portfolio_4 .post_layout_portfolio { width: 25%; } /* Gallery */ .post_layout_gallery * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_gallery .post_details { display:none; } .gallery_item_current { opacity: 0 !important; } .gallery_preview { position: fixed; z-index: 200000; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .gallery_preview:before { content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .gallery_preview_show { pointer-events: auto; } .gallery_preview_show:before { opacity: 1; } .gallery_preview_image_clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-backface-visibility: hidden; } .gallery_preview_show .gallery_preview_image_animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; -ms-transition: -ms-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .gallery_preview_image_animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -ms-transition: -ms-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .gallery_preview_description { position: absolute; z-index: 140; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery_preview_show .post_title { margin: 0 0 0.5em; } .gallery_preview_show .post_meta { font-size:1em; line-height:1.3em; margin-top:0; margin-bottom:2em; } .gallery_preview_show .post_description_content { max-width: 100%; font-size:1.1429em; line-height: 2em; } .gallery_preview_close { font-size: 2em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .gallery_preview_image_loaded .gallery_preview_close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more anf Infinite */ .nav-links-more { text-transform:uppercase; letter-spacing:1px; text-align:center; } .blog_style_excerpt .nav-links-more { margin-top: 2em; } .nav-links-more.nav-links-infinite { display:none; } .nav-links-more a { display:inline-block; padding-top: 2em; position:relative; } .nav-links-more a:before { content: '\e929'; font-family:'fontello'; font-size:1.6em; display:block; text-align:center; font-weight:normal; position:absolute; top:0; left:50%; margin-left:-0.5em; width:1em; height: 1em; line-height:1em; } .nav-links-more a:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } .nav-links-more.loading a:before { content: '\e810'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span { opacity: 0; } .nav-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow:hidden; font-size: 0.9333em; text-transform:uppercase; letter-spacing:1px; margin-top: 3em; } .body_style_fullscreen .nav-links-old { margin: 2em; } body[class*="blog_style_portfolio"] .nav-links-old, body[class*="blog_style_classic"] .nav-links-old { margin-top:1.3em; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family:'fontello'; display:inline; font-weight:normal; position:absolute; top:0; } .nav-links-old .nav-prev { float:left; position:relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e939'; left: 0; } .nav-links-old .nav-next { float:right; position:relative; padding-right:2em; } .nav-links-old .nav-next a:after { content: '\e93a'; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-pagination, .comments_pagination, .nav-links, .page_links { font-size: 1em; text-transform:uppercase; margin-top: 2.5em; text-align:center; } .nav-links { margin-top: 3.4em; } .page_links .page_links_title { margin-right: 1em; } div.esg-pagination .esg-pagination-button, .page_links > span:not(.page_links_title), .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { display:inline-block; width: 3em; height: 3em; line-height: 3em; font-size:inherit; font-weight: inherit; text-align:center; margin-right:0.6667em; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.esg-pagination .esg-pagination-button:hover, div.esg-pagination .esg-pagination-button.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next { width: auto; padding: 0 2em; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { font-size:0.8667em; text-align: left; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #ddd; overflow:hidden; text-transform:none; } .nav-links-single .nav-links a { display:block; position:relative; min-height: 5em; z-index:1; } .nav-links-single .nav-links a .nav-arrow { width:5em; height:4.6em; line-height:4.6em; overflow:hidden; text-align:center; position:absolute; top:0; left: 0; border: none; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color: #f7f7f7; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display:block; position:absolute; z-index:1; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; opacity:0; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity:0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e939'; font-family: 'fontello'; display:inline-block; position:relative; z-index:2; top: 0; opacity: 1; color: #292929; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:after { top: 0; opacity:1; } .nav-links-single .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single .nav-links .nav-next a .nav-arrow:after { content: '\e93a'; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width:50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous { float:left; text-align:left; padding-right:15px; } .nav-links-single .nav-links .nav-previous a { padding-left: 6.5em; } .nav-links-single .nav-links .nav-previous .post-title { text-align:left; } .nav-links-single .nav-links .nav-next { float:right; text-align:right; padding-left:15px; } .nav-links-single .nav-links .nav-next a { padding-right: 6.5em; } .nav-links-single .nav-links .nav-next .post-title { text-align:right; } .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .nav-links-single .nav-links .post-title { margin:0 0 3px; line-height: 1.3em; } .nav-links-single .nav-links .meta-nav { display: none; } .nav-links-single .nav-links .post_date { font-size:0.9286em; font-weight:normal; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float:none; width:auto; text-align:left; padding:0; margin:0; position: absolute; left: 1.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align:right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 0.5em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0,0,0,0); border: none; color: #fff; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff;; background-color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.6); } .image-navigation .nav-previous a:hover { padding-left:3.5em; } .image-navigation .nav-next a:hover { padding-right:3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3em; height: 3em; line-height: 3em; border: none; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 8. Single page parts -------------------------------------------------------------- */ .structured_data_snippets { display: none; } .post_item_single.format-aside .post_content, .post_item_single.format-link .post_content, .post_item_single.format-status .post_content { padding: 0; text-align:left; } .post_item_single.format-quote .post_content { background-color:transparent; padding-top:0; } .post_item_single .post_content .mejs-container{ height: 30px !important; border: 0 !important; margin-bottom: 1em; } .trx_addons_audio_player .mejs-container:not(.mejs-video) { height: 58px !important; border: 0 !important; } .trx_addons_audio_player .mejs-container .mejs-controls { height: 47px !important; padding: 0 15px; box-sizing: border-box; } .trx_addons_audio_player .mejs-container{ background-color: rgba(256,256,256,0.07) !important; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom:2.8em; } .post_featured.post_attachment { margin-bottom: 2.8em; } .entry-caption { text-align:center; font-style:italic; } .post_item_single .post_header { margin-bottom:2.5em; } .post_item_single .post_content > h1:first-child, .post_item_single .post_content > h2:first-child, .post_item_single .post_content > h3:first-child, .post_item_single .post_content > h4:first-child, .post_item_single .post_content > h5:first-child, .post_item_single .post_content > h6:first-child, .post_item_single .post_content > .vc_row:first-child h1:first-child, .post_item_single .post_content > .vc_row:first-child h2:first-child, .post_item_single .post_content > .vc_row:first-child h3:first-child, .post_item_single .post_content > .vc_row:first-child h4:first-child, .post_item_single .post_content > .vc_row:first-child h5:first-child, .post_item_single .post_content > .vc_row:first-child h6:first-child, .post_item_single .post_title { margin-top:-0.2em; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size: 1em; line-height:1.375em; margin-top: 2.2em; letter-spacing:0; overflow:hidden; } .post_item_single .post_content > .post_meta_single .post_tags { float: none; display:block; max-width: 100%; font-size: 0.94em; font-family: Lora, serif; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } /* Social share in the single post/page */ .post_item_single .post_content > .post_meta_single .post_share { float: none; display:block; max-width: 100%; margin-top: 2.8em; } .post_item_single .post_content > .post_meta_single .post_share:before { display:none; } .post_item_single .post_content > .post_meta_single .post_share .social_item { display: inline-block; margin-right: 5px; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display:block; font-size: 13px; width: 30px; height: 30px; line-height: 30px; border: 1px solid; text-align:center; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 8.5rem; padding: 2rem; position:relative; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .author_avatar { width: 7.66rem; height: 7.66rem; position: absolute; left: 2.53rem; top: 2.53rem; border-radius: 50%; overflow: hidden; } .author_avatar img { width:100%; height: auto; } .author_description { padding-left: 10.67rem; } .author_subtitle { font-size: 1em; font-family: Lora, serif; margin-bottom: 4px; display: inline-block; } .author_title { font-size: 1.067em; margin-top: 0; margin-bottom: 1.5em; } .author_bio p { margin:0; font-family: Lora, serif; } .author_bio p+p { margin-top:0.6em; } .author_bio .author_link { display:block; margin-top:0.8em; font-style: italic; letter-spacing:0; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 3.5rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .related_wrap_title { margin: 0 0 1.1em; text-align:left; } .related_wrap .related_item { text-align:center; } .related_wrap .post_categories { font-weight:700; text-transform:uppercase; font-size:12px; } .related_wrap .post_categories ul { margin: 0; padding:0; list-style:none; display:inline-block; } .related_wrap .post_categories li { display:inline-block; margin: 0; } .related_wrap .post_categories li+li { margin-left: 0.5em; } .related_wrap .post_categories li:nth-child(n+3) { display:none; /* Hide more then 2 categories */ } .related_wrap .post_title { margin: 0.2em 0 0.1em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display:block; position:absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:3em 2em; max-width: 70%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover { top: 90%; } .related_wrap .related_item_style_1 .post_title { margin: 0.8em 0; letter-spacing:1px; line-height:1.5em; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 1.1em; } .related_wrap .related_item_style_2 .post_featured img { width:100%; } .related_wrap .related_item_style_2 .post_date { font-size:10px; font-weight:bold; line-height:1.4em; text-transform:uppercase; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .comments_list_wrap .comments_closed { margin-top:2em; color:#1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 1.1em; text-align:left; } .comments_list_wrap > ul { padding: 0; margin:0; list-style: none; } .comments_list_wrap ul li + li, .comments_list_wrap li > ul > li { padding-top: 2.3em; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:6em; font-size: 1rem; } .comments_list_wrap ul > li .comment_body{ padding: 2.53rem; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { /* This way for long border under previous item */ margin-left: 6.67em; /* This way for short border under previous item */ padding-left:0; } .comments_list_wrap ul ul ul ul ul { /* padding-left:0; */ /* This way for long border under previous item */ margin-left:0; /* This way for short border under previous item */ } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 0; } .comments_list_wrap .comment_author_avatar { position: absolute; left: 2.53rem; top: 2.53rem; z-index:1; width: 7.67em; height: 7.67em; border-radius: 50%; overflow: hidden; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 4.8em; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 10.67rem; overflow:hidden; } .comments_list_wrap .comment_info { margin: -0.4em 0 1.3em; position:relative; } .comments_list_wrap .comment_author { margin:0; display:inline-block; } .comments_list_wrap .comment_posted { display:inline-block; position:relative; letter-spacing:0; font-size: 13px; line-height:inherit; font-style: normal; margin-left: 1em; } .comments_list_wrap .comment_posted_label { display:none; } .comments_list_wrap .comment_time { display:none; } .comments_list_wrap .comment_counters { margin-left: 1em; display: none; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style:italic; } .comments_list_wrap .comment_text { margin-bottom:0.5em; font-family: Lora, serif; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style: outside; } .comments_list_wrap .comment_text ol { margin:0; padding: 0 0 0 1.5em; list-style:decimal; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height:0; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border:none; } .comments_list_wrap .comment_reply { font-size: 1em; font-weight: 400; font-family: Lora, serif; line-height:1.2em; font-style: normal; letter-spacing:0; margin-top: 1.75em; margin-bottom: 0.6em; } .comments_list_wrap .comment_reply a:after{ content: '\e802'; font-family: fontello; margin-left: 0.5em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family:'fontello'; margin-right:0.2em; display: none; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 2em; } /* Comments form */ .comments_form_wrap { margin-top: 5.15rem; border-top: none; overflow:hidden; } .comments_form_wrap form { position:relative; overflow:hidden; } .comments_wrap .comments_form_title { margin: 0 0 1.1em; text-align:left; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position:relative; } .comments_wrap #cancel-comment-reply-link { font-size:0; } .comments_wrap #cancel-comment-reply-link:before { content: '\e916'; font-family: 'fontello'; font-size:18px; display:block; text-align:center; width: 2em; height: 2em; line-height: 2em; position:absolute; right: 0; top: 0; z-index: 1; } .comments_wrap .comments_notes { font-size:0.8667em; } .comments_wrap .comments_field { margin-bottom:2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_url { clear:both; } .comments_wrap .comments_field label { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding: 1.5em 2em; } .comments_wrap .comments_field textarea { min-height:11em; } /* Submit button */ .comments_wrap .form-submit { margin: 2.3em 0 0; } .comments_wrap .form-submit:before { content: ' '; clear:both; display:block; width:100%; height: 0; } .comments_wrap .form-submit input[type="submit"] { display:inline-block; } form .error_field { border-color: #CC6868 !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); } /* Result box */ .swoop_messagebox { display:inline-block; font-size:0.8667em; line-height:1.5em; padding: 1.5em; color: #006818; border: 1px solid #006818; background-color:#d8ffd8; position:absolute; z-index:1000; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); } .swoop_messagebox_style_error { color: #681800; border: 1px solid #681800; background-color:#ffd8d8; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); } .swoop_messagebox p { margin:0; } .swoop_messagebox p+p { margin-top:0.4em; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6rem 0 5rem; overflow:hidden; } .post_item_404 .page_title { float: left; width:50%; font-size: 15em; line-height: 1em; margin: 0; margin-top:0 !important; letter-spacing:0; text-align:center; } .post_item_404 .page_info { float: left; width:50%; text-align:left; padding: 0 0 0 5rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_subtitle { margin: 0; letter-spacing:1px; } .post_item_404 .page_description { margin-top: 1em; margin-bottom: 2em; text-transform:uppercase; letter-spacing:1px; line-height:1.8em; } .post_item_404 .go_home:after { content:'\e93a'; font-family:'fontello'; margin-left: 0.5em; font-size: 0.9333em; line-height:inherit; position:relative; top: 0; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height:1.2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar[class*="scheme_"] .sidebar_inner { padding: 2.6rem 2em; } .sidebar[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget+.widget, .sidebar[class*="scheme_"] .widget+.widget { margin-top: 4.15rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4.2rem; padding-bottom: 4.2rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar[class*="scheme_"] .widget.widget_fullwidth + .widget { border-top: none; margin-top: 0; } .widget p { margin:0; } .widget p+p, .widget p+div, .widget p+form { margin-top:1em; } .widget .widgettitle { font-size: 1.4286em; line-height: 1.35em; } .widget .widget_title, .widget .widgettitle { margin-top:0; margin-bottom: 1.4em; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle{ text-align:center; } .widget ul { margin:0; padding-left: 1.64em; list-style-type:none; } .widget ul ul ul ul { /* Remove padding for the levels 4+ */ padding-left: 0; } .widget li { position:relative; } .widget ul > li:before { content: ''; width: 7px; height: 7px; top: 0; margin-top: 0.8em; border-radius: 50%; position: absolute; left: -1.64em; } .widget li a img { vertical-align:baseline; } /* Widgets above and below the page (content and sidebar) */ .widgets_above_page_wrap, .widgets_above_content_wrap { font-size:1em; margin-bottom:2em; } .widgets_below_content_wrap, .widgets_below_page_wrap { font-size:1em; margin-top:2em; } .widgets_below_page_wrap { clear:both; } /* Widget: Calendar */ .widget_calendar table { width: 100%; position:relative; } .widget_calendar caption { padding-bottom:0.5em; font-weight:400; } .widget_calendar table > thead > tr { background-color: transparent !important; } .widget_calendar th, .widget_calendar td { font-size:1em !important; line-height:1.5em; font-weight:400 !important; font-style:normal; text-align:center; text-transform:uppercase; padding:2px; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 14.2857%; } .widget_calendar td { line-height:2em; padding:0; } .widget_calendar tbody td a { display:block; position:relative; font-weight:normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar tbody td a:after { content: ' '; position:absolute; left:48%; bottom: 1px; width: 3px; height: 3px; } .widget_calendar td#today { position:relative; z-index:2; } .widget_calendar td#today:before { content:' '; position:absolute; z-index:-1; left:50%; top: 50%; width: 2.2em; height: 2.2em; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .widget_calendar tfoot { position:relative; top: 0.6em; } .widget_calendar tfoot td { text-transform: none !important; } .widget_calendar td#prev { text-align:left; overflow:hidden; } .widget_calendar td#next { text-align:right; } .widget_calendar td#prev a, .widget_calendar td#next a { position:relative; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before { position:absolute; z-index:1; top: 0; width: 0.6em; height: 1em; line-height: 1.4em; display:inline-block; } .widget_calendar td#prev a:before { content: '<'; left:0; } .widget_calendar td#next a:before { content: '>'; right: 0; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left:0.5em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width:100%; overflow:hidden; position:relative; padding-bottom: 1px; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8f9'; font-family: 'fontello'; display:block; text-align:center; position:absolute; right:1.2em; top:50%; margin-top:-0.5em; width:1em; height:1em; line-height:1em; z-index:0; pointer-events: none; cursor:pointer; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width:100%; padding: 1.25em 1.5em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display:block; text-indent:-1000px; position:absolute; right:0; top:0; width:4em; height:100%; padding:0; border: none !important; background:none !important; z-index:1; cursor:pointer; } /* Widget: RSS */ .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_rss .widget_title a:first-child:before { content:'\e8ed'; font-family:'fontello'; display: inline-block; font-size:0.9em; } .widget_rss .widget_title img { display:none; } .widget_rss ul, .widget_rss li { padding-left:0 } .widget_rss li:before { display:none; } .widget_rss li+li { margin-top:2em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow:hidden; } .widget_product_tag_cloud .widget_title, .widget_tag_cloud .widget_title { margin-bottom:1em; } .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; float: left; padding: 7.5px 15px; margin: 0 4px 4px 0; font-size: 12px !important; line-height: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; /* border: 1px solid; */ box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } /* Widget: Instagram Feed */ #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top:-2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom:0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float:none; text-align:center; overflow:hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float:none; display:inline-block; overflow:hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height:1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height:1.5em; } #sb_instagram #sbi_load { margin-top:0.5em; } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin:0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display:none; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { margin-top:7.4rem; } .remove_margins .footer_wrap { margin-top:0; } .footer_copyright_inner .copyright_text, .footer_copyright_inner .socials_wrap { width: 75%; display: inline-block; margin-right: -2px; } .footer_copyright_inner .socials_wrap { width: 25%; } .footer_copyright_inner .socials_wrap { text-align: right; } /* Footer widgets */ .footer_wrap .widget { margin: 1.5em 0; } .footer_wrap li { line-height: 2.143em; } .footer_wrap .vc_col-sm-4 .widget li { display:inline-block; width: 45%; margin-right:3%; vertical-align:top; } .footer_wrap .vc_col-sm-4 .widget li li { display:block; width: 100%; margin-right:0%; } .footer_wrap .footer_fullwidth { overflow:hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align:left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align:center; margin-bottom:1.5em; } /* Footer logo */ .footer_logo_inner { padding:4em 0; overflow:hidden; text-align:center; position:relative; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content:' '; position:absolute; z-index:1; left: 50%; bottom:0; width: 1px; height: 3em; } .footer_logo_inner img { max-width:50%; } .logo_footer_text { font-size: 3.3333em; line-height:1em; letter-spacing:6px; margin:0; } .logo_footer_image + .logo_footer_text { margin:0.63em 0 2em; } /* Socials in the default footer */ .footer_socials_inner { padding:2em 0 3em; text-align:center; } /* Menu in the default footer */ .footer_menu_inner { padding:2em 0; text-align:center; } .menu_footer_nav_area > ul { padding:0; margin:0; list-style-type:none; } .menu_footer_nav_area > ul > li { display:inline-block; vertical-align: baseline; font-size: 11px; } .menu_footer_nav_area > ul > li+li:before { content: ' '; display:inline-block; width: 0; height:0.8em; margin:0 3em; vertical-align:baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a { padding: 0; display: inline-block; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; right: 5px; } .menu_footer_nav_area li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } .menu_footer_nav_area > ul > li ul { top: auto; bottom: 3em; margin-left: -3em; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a { display:block; font-size: 11px; } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size:0.9333em; padding: 1.4em 0; overflow:hidden; text-align:left; } .footer_copyright_wrap p { margin:0; } /* 11. Utils -------------------------------------------------------------- */ /* Debug window */ #debug_log { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debug_log { top:32px; } #debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debug_log_content { padding:12px; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display:none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom:0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.3em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* Visual Composer */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom:0 !important; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* Visual Composer */ .post_item_single .post_edit .vc_inline-link { display:none; } /* Magnific popup */ .mfp-bg { z-index:200001; } .mfp-wrap { z-index:200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding:0; width: 44px; text-align:center; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: none !important; } /* Instagram */ #sb_instagram .sbi_photo:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* RevSlider */ [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before, [id*="rev_slider"] .uranus.tparrows.tp-rightarrow:before { content: '\e946'; font-family: fontello; font-size: 20px !important; line-height: 90px !important; height: 80px !important; width: 30px !important; border-top: 1px solid rgba(256,256,256,0.6); } [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [id*="rev_slider"] .ares .tp-bullet { height: 6px !important; border-radius: 0; padding: 0 4px; } [id*="rev_slider"] .ares .tp-bullet.selected { width: 30px !important; } [id*="rev_slider"] .ares .tp-bullet-title { top: -7px !important; } [id*="rev_slider"] .zeus .tp-bullet { width: 9px !important; height: 9px !important; border: 1px solid #878687 !important; } [id*="rev_slider"] .zeus .tp-bullet.selected { border: 1px solid #fff !important; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow, [id*="rev_slider"] .custom.tparrows.tp-rightarrow { width: 90px !important; text-align: center !important; background-color: transparent; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow:before, [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94d'; font-family: fontello; font-size: 20px; width: 90px; text-align: center; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94e'; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:after{ content: '/'; position: absolute; left: 0; top: 5px; font-size: 35px; font-weight: 100; font-family: initial; } /* 14. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Height variants for the empty space */ .height_tiny { height: 1rem !important; } /* 15px */ .height_small { height: 2rem !important; } /* 30px */ .height_medium {height: 3.3333rem !important; } /* 50px */ .height_large, .height_big { height: 6.6667rem !important; } /* 100px */ .height_huge { height: 8.6667rem !important; } /* 130px */ /* Scroll button on the slider */ .theme_scroll_down { display:inline-block; text-align:center; cursor:pointer; text-transform:uppercase; font-size:11px !important; line-height:15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; /*'\e929';*/ font-family:'fontello'; font-size:16px !important; line-height:30px !important; display:block; text-align:center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* Makeup image */ #makeup { position:absolute; z-index:1000000; pointer-events: none; opacity:0.5; left: 50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .admin-bar #makeup { top:32px; } #makeup { /* Correct this value to position makeup image */ margin-left: 0px; margin-top: 0px; } .custom_column_1 > .vc_column-inner { background-position: left !important; } .custom_column_2 > .vc_column-inner { background-position: 70% 25% !important; } .vc_row.custom_row_1 { background-position: top !important; } .wpcf7-form-control-wrap, .wpcf7-form-control { width: 32%; margin: 0 0.5%; box-sizing: border-box; float: left; } .wpcf7-form-control-wrap > input { width: 100%; box-sizing: border-box; } /* Theme Name: Orbit Interactive Theme URI: http://orbitinteractive.org Description: Orbit Interactive - excellent WordPress theme with many different blog and header layouts Author: Orbit Interactive Author URI: http://orbitinteractive.org Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: swoop */ /* TABLE OF CONTENTS: 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Page info (page/post title, category or tag name, author, etc.) 7.4 Blog layouts 7.5 Post Formats 7.6 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins 14. Predefined classes for users -------------------------------------------------------------- */ /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 15px; } body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } li > ol, li > ul, dl > dd { margin-bottom:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; font-size: 0.934rem; font-family: Lora; } li + li{ margin-top: 0.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, a:before, a:after, button, button:before, button:after, input[type="button"], input[type="submit"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display:block; } :active, :focus { outline:0; } address { font-size: .933em; font-family: Lora, serif; } address:before { margin-right: 8px !important; } /* Tables */ table { border-collapse: collapse; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.04 ); } table th+th, table th+td, table td+th, table td+td { border: 1px solid #ddd; } table > p { margin: 0 !important; } table td, table th { padding: 1.8em 1em; border: 1px solid; } table th { font-size: 1em; font-weight: 400; text-transform:none; font-style:normal; text-align: center; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-size: 0.933em; font-weight: 400; border-color: rgba(256,256,256,0.1); } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child { border-radius: 5px 0 0 0; } .sc_table table tr:first-child th:last-child, .sc_table table tr:first-child td:last-child { border-radius: 0 5px 0 0; } .sc_table table tr:last-child th:first-child, .sc_table table tr:last-child td:first-child { border-radius: 0 0 0 5px; } .sc_table table tr:last-child th:last-child, .sc_table table tr:last-child td:last-child { border-radius: 0 0 5px 0; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote { position: relative; text-align: left; padding: 2em 3.2em 2.3em 4.67em; border-radius: 5px; border: 1px solid; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size: 1.6em; display: block; position: absolute; top: 1.3em; left: 1.3em; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 1.067em; line-height: 2em; font-weight: 400; font-family: Lora; } blockquote > a, blockquote > p > a, blockquote > cite, blockquote > p > cite { display: block; font-size: 0.933rem; line-height: 1.35em; font-weight: 400; font-style: normal; text-transform: none; margin-top: 0.8em; letter-spacing: 0.02em; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 2.6rem 0; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing:0; } pre { overflow: auto; max-width: 100%; } pre { display:block; overflow: auto; max-width: 100%; padding: 2em; border: 1px solid #888; background-color: #f7f7f7; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; } /* Images */ img { max-width: 100%; /* width: auto; */ /* Only height: auto; not both! */ height: auto; vertical-align:top; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; } figure figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; font-size: 11px; font-weight:300; font-style:normal; text-align:center; line-height:15px; padding: 6px 10px; } figure:hover figcaption, .wp-caption:hover .wp-caption-text, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { line-height: inherit; font-weight: inherit; font-size: inherit; width:auto; margin:0; } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom:0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button { overflow: visible; } input[placeholder] { text-overflow:ellipsis; } input::-webkit-input-placeholder { text-overflow:ellipsis; } input::-moz-placeholder { text-overflow:ellipsis; } input:-ms-input-placeholder { text-overflow:ellipsis; } textarea, textarea.wp-editor-area, select, option, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } /*input[type="search"]::-webkit-search-cancel-button,*/ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } /* Required fields */ label.required:after { content:'*'; display: none; vertical-align:text-top; font-size:80%; color:#da6f5b; } /* Field set */ fieldset { padding: 1em 1.5em; margin: 1.5em 0.2em; border: 1px solid #ddd; position:relative; } fieldset legend { position:absolute; top: -0.6em; left: 1.5em; background-color:#fff; font-weight:400; font-style:italic; padding: 0 0.2em; letter-spacing:0; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, #buddypress div.activity-meta a, a.bp-title-button, /* Booked */ body #booked-profile-page input[type="submit"], body #booked-profile-page button, body .booked-list-view input[type="submit"], body .booked-list-view button, body table.booked-calendar input[type="submit"], body table.booked-calendar button, body .booked-modal input[type="submit"], body .booked-modal button, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_link, .sc_action_item_link, /* Tribe Events */ #tribe-bar-form .tribe-bar-submit input[type="submit"], #tribe-bar-form button, #tribe-bar-form a, #tribe-bar-form input, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-cal-links a, .tribe-events-sub-nav li a, .tribe-events-read-more, /* WooCommerce buttons */ .woocommerce .button, .woocommerce-page .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button .woocommerce #respond input#submit, .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond p.form-submit input[type="submit"], .woocommerce-page #review_form #respond p.form-submit input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce table.cart td.actions .button, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display:inline-block; text-transform:none; white-space:nowrap; padding: 1.215em 3em; font-size:0.933rem; line-height:15px; font-weight:500; letter-spacing:0.02em; border-width: 0 !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding:0.8em 1.6em; } /* Bordered button */ .sc_button.sc_button_bordered { border-width: 2px !important; padding: 1.3em 2.8em; } .sc_button.sc_button_bordered.sc_button_size_small { padding:0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-style:italic; font-weight:400; font-size:1em; line-height:1.25em; letter-spacing:0; text-transform:none; border: none; padding: 0 1.8em 0 0; } .sc_button_simple:before, .sc_button_simple:after { content:'\e93a'; font-family:'fontello'; font-style:normal; } /* Buttons in widgets */ .widget.woocommerce .button, .widget.WOOCS_CONVERTER .button, .widget.yith-woocompare-widget a.button, .widget.yith-woocompare-widget a.clear-all { font-size:11px; line-height: 16px; padding:10px 16px; } .widget.woocommerce .button+.button { margin-left: 3px; } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area, /* BB Press*/ #buddypress div.dir-search input[type="search"], #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="search"], #buddypress li.groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea { padding: 1.18em 1.43em; border: 1px solid #ddd; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="search"]:hover, select:hover, textarea:hover, textarea.wp-editor-area:hover { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.08 ); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.16 ); } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:10em; } .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { padding: 1em 1.2em; } /* Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { position:relative; padding-left:1.4em; line-height:1.5em; } input[type="radio"] + label:before, input[type="checkbox"] + label:before { content:' '; font-family:fontello; display:block; text-align:center; border: 1px solid #eee; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; width:0.6em; height:0.6em; line-height:0.53em; } input[type="radio"] + label:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + label:before { content:'\e8ab'; } input[type="radio"]:checked + label:before { content:'\e83c'; } /* Select container (dropdown) */ select { text-overflow:ellipsis; } .select_container { width:100%; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .select_container:before { content:' '; display:block; position:absolute; right:0; top:0; bottom: 0; width: 3em; z-index:1; pointer-events: none; cursor:pointer; } .select_container:after { content:'\e828'; font-family: 'fontello'; display:block; line-height:1em; width: 1em; height: 1em; text-align:center; position:absolute; right:1em; top:50%; margin-top:-0.5em; z-index:2; pointer-events: none; cursor:pointer; } .select_container select { background:none !important; border: none !important; width: 99% !important; /* use 100% if .select_container haven't border radius, else - only 99% */ padding:1.4em 1.4em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 2em !important; padding-top:0.75em; padding-bottom:0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0.5em; } /* Select2 - Advanced select with search */ .select2-container .select2-choice, .select2-container .select2-selection { height: auto; border: 2px solid #ddd; padding:1em 0 1em 1.4em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .select2-drop-active { border: none; } .select2-results { border: 1px solid #ddd; } .select2-search { padding: 4px 0; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin:0 !important; padding:0 !important; display: none; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.8em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; } .alignright { display: inline-block; float: right; margin-left: 2em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; text-align:center; } figure.alignleft, figure.alignright { margin-top:0.5em; } figure.aligncenter { margin-bottom:1em; } /* Sticky posts */ .sticky_wrap { margin-bottom: 5em; } .sticky { position:relative; border: 2px solid #ddd; padding: 2em; } .sidebar_hide .sticky_wrap .sticky, .body_style_fullwide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align:center; } .sticky .label_sticky { display:block; position:absolute; z-index:1; right: -14px; top: -14px; width: 0; height: 0; border: 12px solid transparent; border-top-color:#ddd; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .post_title { margin-top: 0.5em; margin-bottom:0; text-transform:uppercase; letter-spacing:1px; } /* Gallery */ .gallery { margin: 0 -5px; } .gallery-caption {display: block;} .bypostauthor {display: block;} .gallery .gallery-item { display: inline-block; vertical-align:top; margin-bottom:1em; overflow:hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 15px; margin: 0 5px; padding: 6px; font-size:11px; max-height: 42px; } .gallery .gallery-item:hover .gallery-caption { bottom: -200px; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:0.2em; } .post-password-form input[type="password"] { padding:1.2em; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; margin-right: -30px; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between column's tags: Right: Wrong:
... ...
... ...
*/ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left:30px; padding-right:0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left:0; padding-right:30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left:15px; padding-right:15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow:hidden; } .vertical-centered:before { content:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .swoop_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width: 1370px; } .body_style_boxed .top_panel > .vc_row.sc_layouts_row_fixed_on { width: 1370px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .body_style_boxed .sc_layouts_row_type_normal { padding-right: 7em; padding-left: 7em; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width:100%; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position:relative; } /* Content and Sidebar */ body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 370px; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; padding: 0.1px 0; margin-bottom:7.1rem; } .remove_margins .top_panel { margin-bottom:0 !important; } .top_panel.with_bg_image:before { content:' '; position:absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: block; } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position:absolute; z-index:1; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 0; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .header_position_under .page_content_wrap { position:relative; z-index:3; } .header_position_under .footer_wrap { position:relative; z-index:2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left:6rem; } body.menu_style_right { margin-right:6rem; } .menu_style_side .body_wrap { position:relative; overflow: hidden; max-width:100%; } .menu_style_side .menu_side_wrap { position: fixed; width: 6rem; z-index: 20000; top:0; bottom: 0; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .menu_side_wrap .logo_slogan { display:none; } .menu_side_wrap .menu_mobile_button { display:block; position:relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { left: -1.5em; text-align:left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { right: -1.5em; text-align:right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display:block; width: 5em; height: 5em; cursor:pointer; position:absolute; right:0; top: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content:' '; position:absolute; z-index:2; left:38%; top:50%; width: 25%; height: 0; margin-top:-1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left:0; top:0; height: 0; width: 100%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align:center; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; top: 48%; width: 100%; height: auto; max-height: 44%; padding-right:20px; /* Hide scrollbar */ overflow-y: scroll; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .menu_mobile .menu_mobile_nav_area ul { margin:0 auto; padding:0; list-style:none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0.6em 0 1.6em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding:0.15em 2.5em 0.15em 0; text-transform:uppercase; letter-spacing:1px; position:relative; display: inline-block; width: 30rem; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 0em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 1em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; display:block; width:1em; height:1em; line-height:1em; padding:0.25em; text-align:center; background-color: rgba(255,255,255,0.1); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0.25em 0.8em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255,255,255,0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family:'fontello'; content:'\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content:'\e835'; } .menu_mobile .search_mobile { position:absolute; left: 50%; bottom: 8rem; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position:relative; } .menu_mobile .search_mobile .search_field { width:100%; padding: 1em 3em 1em 1.5em; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding: 0.5em 1.8em; background-color:transparent; } .menu_mobile .socials_mobile { position:absolute; left: 0; bottom: 4rem; text-align:center; display:block; width: 100%; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size:1em; width:1em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing:0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:1em; line-height:inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position:relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform:none; -ms-transform:none; transform:none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 1em; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position:relative; z-index:2; } .header_widgets_wrap.header_fullwidth { overflow:hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom:0; } .sc_layouts_title_breadcrumbs:empty { display: none; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index:0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom:0; } .post_item > .post_title { margin-top:0; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.swoop_tabs .swoop_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper{ margin-top: 1.1em; } div.esg-filter-wrapper .esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height:1.4em; font-weight:normal; text-transform:uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.swoop_tabs .swoop_tabs_titles li a, div.swoop_tabs .swoop_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 0.5em 1.2em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.swoop_tabs .swoop_tabs_content { padding: 0; } div.swoop_tabs .swoop_tab_content_remove { opacity: 0; } div.swoop_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom: 2.5em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display:inline-block; margin-left:-0.3em; } /* Uncomment this if you want to stretch images to the block's width .post_featured img { width:100%; height:auto; } */ .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item.post_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '\e83c'; font-family: fontello; display: inline; font-size: inherit; font-style: normal; font-weight: 400; vertical-align: baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.7em 0 0.9em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_counters_comments:before{ content: '\e942'; font-family: fontello; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* Socials share in the post meta */ .post_share .social_items { font-size:1em; } .socials_share.socials_type_drop .social_items { padding:0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style:normal; text-transform:capitalize; } .post_meta .socials_share { display:inline; vertical-align:baseline; } .post_meta_item .socials_share .social_items { bottom:auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position:relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0,0,0,0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right: 0; text-transform: none; margin-top: 1px; margin-bottom: 1.3em; } .format-audio .post_featured .post_audio_title { font-size: 1.533rem; font-weight: 400; line-height: 1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; text-transform:none; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display:none; } .format-audio .post_featured .mejs-container { height: 52px !important; background-color: rgba(256,256,256,0.07) !important; border-radius: 5px; } .format-audio .post_featured .mejs-container .mejs-controls { height: 42px !important; padding: 0 15px; box-sizing: border-box; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time { font-size: 13px !important; font-weight: 300; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time * { font-family: Ubuntu,sans-serif; } /* .post_featured.with_thumb > iframe, */ .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 2.6em 2.33em 3.1em; border: none; border-radius: 5px; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player { padding: 2em 3em 1.75em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { border: none; background-color:transparent; } .trx_addons_audio_player .audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right:0; text-transform:none; margin-top: 1px; margin-bottom: 0.9em; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_caption { font-size: 1em; font-weight:400; line-height:1.35em; letter-spacing:1px; text-transform:none; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.8em; font-weight: 400; line-height:1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_author + .audio_caption { margin:-0.6em 0 0.25em; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { font-size: 14px !important; font-weight: 300; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time span { font-family: Rubik, sans-serif; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; margin: 0 !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; font-size: 2.3em; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; font-size: 2em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; font-size:10px; letter-spacing:0; top: -22px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 5px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height: 2px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before{ background-color: rgba(256,256,256,0.3); } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .format-video .post_featured.with_thumb .post_video:before { content:' '; display:inline-block; padding-top:55%; width:0; height:0; } .format-video .post_featured.with_thumb img { position:relative; z-index:2; } .format-video .post_featured.with_thumb .mask { z-index:3; background-color: rgba(0,0,0,0.5); opacity:0; } .format-video .post_featured.with_thumb:hover .mask { opacity:1; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; cursor: pointer; overflow:hidden; background-color: rgba(0,0,0,0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.2em; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { color: #000; background-color: #fff; overflow: visible; } .trx_addons_video_player.with_cover .video_mask { background-color: rgba(21, 25, 29, 0.76); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.2em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e920'; font-family:'fontello'; } .trx_addons_video_player.with_cover .video_hover:after, .format-video .post_featured.with_thumb .post_video_hover:after { content: ''; display: block; width: 5rem; height: 5rem; top: 50%; left: 50%; border-radius: 50%; margin-top: -2.5rem; margin-left: -2.5rem; position: absolute; background-color: rgba(255, 255, 255, 0.07); } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .format-video .post_featured.post_video_play .post_video { /*position:relative;*/ opacity:1; z-index:10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color:#000; } .format-video .post_featured.post_video_play .post_video > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align:left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height:1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p+p, .format-link .post_content p+p, .format-status .post_content p+p { margin-top:1em; } .format-aside .post_content_inner:after { display:none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top:1.6em; } /* Chat */ .format-chat p { margin-bottom:0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display:inline-block; margin-top:1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top:0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position:relative; margin-bottom:0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 5rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } /*.post_layout_excerpt.post_format_audio .post_featured,*/ .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.2rem; } .post_layout_excerpt .post_content { margin-top: 1.1rem; font-family: Lora; } .post_layout_excerpt .post_meta .post_meta_item:after{ content: ''; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top:1.6em; } .post_layout_excerpt .more-link { margin-top: 1.6rem; font-size: 0.933rem; font-weight: 500; letter-spacing: 0.02em; padding: 0; } .post_featured_wrap { position: relative; margin-bottom: 2.5em; overflow: hidden; } .post_featured_wrap .post_featured{ margin-bottom: 0em; display: table; } .post_featured_wrap .post_category { position: absolute; left: 25px; bottom: 25px; z-index: 200; } .post_featured_wrap .post_category a { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 3px; margin-right: 5px; } /* Masonry and Classic */ .post_layout_classic { position:relative; margin-bottom:4rem; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .post_layout_classic.format-aside .post_content_inner + .post_meta, .post_layout_classic.format-link .post_content_inner + .post_meta, .post_layout_classic.format-status .post_content_inner + .post_meta { margin-top:1em; } /* Chess */ .chess_wrap { overflow:hidden; } .post_layout_chess { position:relative; overflow:hidden; margin-bottom:0; } .post_layout_chess.sticky { padding:0; border-width: 0; } .post_layout_chess .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .post_layout_chess .post_featured { margin-bottom:0; width: 50%; float: right; max-height:none !important; } .post_layout_chess .post_featured_bg:before { padding-top: 100%; /* 112.5% - 16:9 */ } .post_layout_chess .post_inner { width: 50%; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin:0; } .post_layout_chess_1 .post_inner_content { padding: 0 14%; } .post_layout_chess_2 .post_inner_content { padding: 0 12%; } .post_layout_chess_3 .post_inner_content { padding: 0 10%; } .post_layout_chess .post_header { padding-top:0.1px; } .post_layout_chess .post_title { margin: 0; } .post_layout_chess .post_meta { margin-top: 1em; margin-bottom: 0 !important; } .post_layout_chess .post_header + .post_content { margin-top:1em; } .post_layout_chess .post_content_inner { overflow:hidden; position:relative; padding-bottom: 0; } .post_layout_chess:not(.post_format_aside) .post_content_inner { padding-top: 0; } .post_layout_chess .post_content_inner:after { content:' '; position:absolute; bottom:0; left:0; width:100%; height: 1em; display: none; } .post_layout_chess_1.post_format_quote .post_content_inner .post_meta, .post_layout_chess_1.post_format_link .post_content_inner .post_meta, .post_layout_chess_1.post_format_status .post_content_inner .post_meta { margin-top: 1rem; } .post_layout_chess_1.post_format_aside .post_content_inner .post_meta { margin-top: 3rem; } .post_layout_chess_1 .post_header + .post_content { margin-top:3.8rem; } .post_layout_chess_1 .more-link { margin-top: 3rem; } .post_layout_chess_1.post_format_quote .post_header, .post_layout_chess_1.post_format_link .post_header, .post_layout_chess_1.post_format_aside .post_header, .post_layout_chess_1.post_format_status .post_header, .post_layout_chess_2.post_format_quote .post_header, .post_layout_chess_2.post_format_link .post_header, .post_layout_chess_2.post_format_aside .post_header, .post_layout_chess_2.post_format_status .post_header { display:none; } .post_layout_chess_2 .post_title { font-size:1.6rem; } .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner { font-size:0.9333rem; line-height:1.5em; max-height: 15.4em; } .post_layout_chess_2 .post_meta, .post_layout_chess_3 .post_meta { font-size: 13px; line-height:18px; margin-top: 1rem; } .post_layout_chess_2.post_format_aside .post_meta { margin-top: 1.3333rem; } .post_layout_chess_2.post_format_audio .post_featured .post_audio_title, .post_layout_chess_3.post_format_audio .post_featured .post_audio_title { letter-spacing:0; } .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong { margin-top:0.8em; } .post_layout_chess_2 .more-link { margin-top: 1.5rem; } .post_layout_chess_3 .post_title { font-size:1.3333rem; line-height:1.2em; } .post_layout_chess_3 .post_content_inner { font-size:0.8667rem; line-height:1.3486em; max-height: 6.2rem; } .post_layout_chess_3 .post_content_inner, .post_layout_chess_3 .post_content_inner + .post_meta { display:none; } .post_layout_chess_3 .more-link { margin-top: 1rem; padding: 1em 2em; } .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; } .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; } .post_layout_chess_2 { width: 50%; float:left; } .post_layout_chess_2:nth-child(4n+3) .post_featured, .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; } .post_layout_chess_2:nth-child(4n+3) .post_inner, .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; } .post_layout_chess_3 { width: 33.3333%; float:left; } .post_layout_chess_3:nth-child(6n+4) .post_featured, .post_layout_chess_3:nth-child(6n+5) .post_featured, .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; } .post_layout_chess_3:nth-child(6n+4) .post_inner, .post_layout_chess_3:nth-child(6n+5) .post_inner, .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; } /* Portfolio */ .post_layout_portfolio .post_title { margin: 1em 0 0.4em; } .post_layout_portfolio .post_featured { margin-bottom:0; } .post_layout_portfolio .post_featured img { width: 100%; } /* This way not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!! ---------------------------------------------------------------------------------------------------------- */ /* .portfolio_wrap { position:relative; -webkit-column-gap: 1.6667em; -ms-column-gap: 1.6667em; column-gap: 1.6667em; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; } .portfolio_wrap.portfolio_3 { -webkit-column-count: 3; -ms-column-count: 3; column-count: 3; } .portfolio_wrap.portfolio_4 { -webkit-column-count: 4; -ms-column-count: 4; column-count: 4; } .post_layout_portfolio { position:relative; display: inline-block; margin-bottom:1.6667em; width: 100%; } */ /* This way use masonry.js script to build masonry layout and work properly in any browsers! ---------------------------------------------------------------------------------------------------------- */ .masonry_wrap, .portfolio_wrap { position:relative; margin-right:-30px; } .masonry_wrap .masonry_item, .post_layout_portfolio { position:relative; display: inline-block; vertical-align:top; padding:0 30px 30px 0; margin-bottom:0; width: 50%; border-width: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .masonry_wrap .masonry_item { padding-bottom: 0; } .masonry_wrap .post_layout_masonry { margin-bottom: 3em; } .post_layout_portfolio .label_sticky { top: -12px; left: -12px; right:auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .masonry_wrap .masonry_item-1_3, .portfolio_wrap.portfolio_3 .post_layout_portfolio { width: 33.3333%; } .masonry_wrap .masonry_item-1_4, .portfolio_wrap.portfolio_4 .post_layout_portfolio { width: 25%; } /* Gallery */ .post_layout_gallery * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_gallery .post_details { display:none; } .gallery_item_current { opacity: 0 !important; } .gallery_preview { position: fixed; z-index: 200000; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .gallery_preview:before { content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .gallery_preview_show { pointer-events: auto; } .gallery_preview_show:before { opacity: 1; } .gallery_preview_image_clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-backface-visibility: hidden; } .gallery_preview_show .gallery_preview_image_animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; -ms-transition: -ms-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .gallery_preview_image_animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -ms-transition: -ms-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .gallery_preview_description { position: absolute; z-index: 140; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery_preview_show .post_title { margin: 0 0 0.5em; } .gallery_preview_show .post_meta { font-size:1em; line-height:1.3em; margin-top:0; margin-bottom:2em; } .gallery_preview_show .post_description_content { max-width: 100%; font-size:1.1429em; line-height: 2em; } .gallery_preview_close { font-size: 2em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .gallery_preview_image_loaded .gallery_preview_close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more anf Infinite */ .nav-links-more { text-transform:uppercase; letter-spacing:1px; text-align:center; } .blog_style_excerpt .nav-links-more { margin-top: 2em; } .nav-links-more.nav-links-infinite { display:none; } .nav-links-more a { display:inline-block; padding-top: 2em; position:relative; } .nav-links-more a:before { content: '\e929'; font-family:'fontello'; font-size:1.6em; display:block; text-align:center; font-weight:normal; position:absolute; top:0; left:50%; margin-left:-0.5em; width:1em; height: 1em; line-height:1em; } .nav-links-more a:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } .nav-links-more.loading a:before { content: '\e810'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span { opacity: 0; } .nav-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow:hidden; font-size: 0.9333em; text-transform:uppercase; letter-spacing:1px; margin-top: 3em; } .body_style_fullscreen .nav-links-old { margin: 2em; } body[class*="blog_style_portfolio"] .nav-links-old, body[class*="blog_style_classic"] .nav-links-old { margin-top:1.3em; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family:'fontello'; display:inline; font-weight:normal; position:absolute; top:0; } .nav-links-old .nav-prev { float:left; position:relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e939'; left: 0; } .nav-links-old .nav-next { float:right; position:relative; padding-right:2em; } .nav-links-old .nav-next a:after { content: '\e93a'; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-pagination, .comments_pagination, .nav-links, .page_links { font-size: 1em; text-transform:uppercase; margin-top: 2.5em; text-align:center; } .nav-links { margin-top: 3.4em; } .page_links .page_links_title { margin-right: 1em; } div.esg-pagination .esg-pagination-button, .page_links > span:not(.page_links_title), .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { display:inline-block; width: 3em; height: 3em; line-height: 3em; font-size:inherit; font-weight: inherit; text-align:center; margin-right:0.6667em; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.esg-pagination .esg-pagination-button:hover, div.esg-pagination .esg-pagination-button.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next { width: auto; padding: 0 2em; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { font-size:0.8667em; text-align: left; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #ddd; overflow:hidden; text-transform:none; } .nav-links-single .nav-links a { display:block; position:relative; min-height: 5em; z-index:1; } .nav-links-single .nav-links a .nav-arrow { width:5em; height:4.6em; line-height:4.6em; overflow:hidden; text-align:center; position:absolute; top:0; left: 0; border: none; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color: #f7f7f7; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display:block; position:absolute; z-index:1; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; opacity:0; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity:0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e939'; font-family: 'fontello'; display:inline-block; position:relative; z-index:2; top: 0; opacity: 1; color: #292929; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:after { top: 0; opacity:1; } .nav-links-single .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single .nav-links .nav-next a .nav-arrow:after { content: '\e93a'; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width:50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous { float:left; text-align:left; padding-right:15px; } .nav-links-single .nav-links .nav-previous a { padding-left: 6.5em; } .nav-links-single .nav-links .nav-previous .post-title { text-align:left; } .nav-links-single .nav-links .nav-next { float:right; text-align:right; padding-left:15px; } .nav-links-single .nav-links .nav-next a { padding-right: 6.5em; } .nav-links-single .nav-links .nav-next .post-title { text-align:right; } .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .nav-links-single .nav-links .post-title { margin:0 0 3px; line-height: 1.3em; } .nav-links-single .nav-links .meta-nav { display: none; } .nav-links-single .nav-links .post_date { font-size:0.9286em; font-weight:normal; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float:none; width:auto; text-align:left; padding:0; margin:0; position: absolute; left: 1.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align:right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 0.5em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0,0,0,0); border: none; color: #fff; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff;; background-color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.6); } .image-navigation .nav-previous a:hover { padding-left:3.5em; } .image-navigation .nav-next a:hover { padding-right:3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3em; height: 3em; line-height: 3em; border: none; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 8. Single page parts -------------------------------------------------------------- */ .structured_data_snippets { display: none; } .post_item_single.format-aside .post_content, .post_item_single.format-link .post_content, .post_item_single.format-status .post_content { padding: 0; text-align:left; } .post_item_single.format-quote .post_content { background-color:transparent; padding-top:0; } .post_item_single .post_content .mejs-container{ height: 30px !important; border: 0 !important; margin-bottom: 1em; } .trx_addons_audio_player .mejs-container:not(.mejs-video) { height: 58px !important; border: 0 !important; } .trx_addons_audio_player .mejs-container .mejs-controls { height: 47px !important; padding: 0 15px; box-sizing: border-box; } .trx_addons_audio_player .mejs-container{ background-color: rgba(256,256,256,0.07) !important; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom:2.8em; } .post_featured.post_attachment { margin-bottom: 2.8em; } .entry-caption { text-align:center; font-style:italic; } .post_item_single .post_header { margin-bottom:2.5em; } .post_item_single .post_content > h1:first-child, .post_item_single .post_content > h2:first-child, .post_item_single .post_content > h3:first-child, .post_item_single .post_content > h4:first-child, .post_item_single .post_content > h5:first-child, .post_item_single .post_content > h6:first-child, .post_item_single .post_content > .vc_row:first-child h1:first-child, .post_item_single .post_content > .vc_row:first-child h2:first-child, .post_item_single .post_content > .vc_row:first-child h3:first-child, .post_item_single .post_content > .vc_row:first-child h4:first-child, .post_item_single .post_content > .vc_row:first-child h5:first-child, .post_item_single .post_content > .vc_row:first-child h6:first-child, .post_item_single .post_title { margin-top:-0.2em; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size: 1em; line-height:1.375em; margin-top: 2.2em; letter-spacing:0; overflow:hidden; } .post_item_single .post_content > .post_meta_single .post_tags { float: none; display:block; max-width: 100%; font-size: 0.94em; font-family: Lora, serif; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } /* Social share in the single post/page */ .post_item_single .post_content > .post_meta_single .post_share { float: none; display:block; max-width: 100%; margin-top: 2.8em; } .post_item_single .post_content > .post_meta_single .post_share:before { display:none; } .post_item_single .post_content > .post_meta_single .post_share .social_item { display: inline-block; margin-right: 5px; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display:block; font-size: 13px; width: 30px; height: 30px; line-height: 30px; border: 1px solid; text-align:center; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 8.5rem; padding: 2rem; position:relative; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .author_avatar { width: 7.66rem; height: 7.66rem; position: absolute; left: 2.53rem; top: 2.53rem; border-radius: 50%; overflow: hidden; } .author_avatar img { width:100%; height: auto; } .author_description { padding-left: 10.67rem; } .author_subtitle { font-size: 1em; font-family: Lora, serif; margin-bottom: 4px; display: inline-block; } .author_title { font-size: 1.067em; margin-top: 0; margin-bottom: 1.5em; } .author_bio p { margin:0; font-family: Lora, serif; } .author_bio p+p { margin-top:0.6em; } .author_bio .author_link { display:block; margin-top:0.8em; font-style: italic; letter-spacing:0; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 3.5rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .related_wrap_title { margin: 0 0 1.1em; text-align:left; } .related_wrap .related_item { text-align:center; } .related_wrap .post_categories { font-weight:700; text-transform:uppercase; font-size:12px; } .related_wrap .post_categories ul { margin: 0; padding:0; list-style:none; display:inline-block; } .related_wrap .post_categories li { display:inline-block; margin: 0; } .related_wrap .post_categories li+li { margin-left: 0.5em; } .related_wrap .post_categories li:nth-child(n+3) { display:none; /* Hide more then 2 categories */ } .related_wrap .post_title { margin: 0.2em 0 0.1em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display:block; position:absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:3em 2em; max-width: 70%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover { top: 90%; } .related_wrap .related_item_style_1 .post_title { margin: 0.8em 0; letter-spacing:1px; line-height:1.5em; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 1.1em; } .related_wrap .related_item_style_2 .post_featured img { width:100%; } .related_wrap .related_item_style_2 .post_date { font-size:10px; font-weight:bold; line-height:1.4em; text-transform:uppercase; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .comments_list_wrap .comments_closed { margin-top:2em; color:#1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 1.1em; text-align:left; } .comments_list_wrap > ul { padding: 0; margin:0; list-style: none; } .comments_list_wrap ul li + li, .comments_list_wrap li > ul > li { padding-top: 2.3em; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:6em; font-size: 1rem; } .comments_list_wrap ul > li .comment_body{ padding: 2.53rem; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { /* This way for long border under previous item */ margin-left: 6.67em; /* This way for short border under previous item */ padding-left:0; } .comments_list_wrap ul ul ul ul ul { /* padding-left:0; */ /* This way for long border under previous item */ margin-left:0; /* This way for short border under previous item */ } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 0; } .comments_list_wrap .comment_author_avatar { position: absolute; left: 2.53rem; top: 2.53rem; z-index:1; width: 7.67em; height: 7.67em; border-radius: 50%; overflow: hidden; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 4.8em; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 10.67rem; overflow:hidden; } .comments_list_wrap .comment_info { margin: -0.4em 0 1.3em; position:relative; } .comments_list_wrap .comment_author { margin:0; display:inline-block; } .comments_list_wrap .comment_posted { display:inline-block; position:relative; letter-spacing:0; font-size: 13px; line-height:inherit; font-style: normal; margin-left: 1em; } .comments_list_wrap .comment_posted_label { display:none; } .comments_list_wrap .comment_time { display:none; } .comments_list_wrap .comment_counters { margin-left: 1em; display: none; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style:italic; } .comments_list_wrap .comment_text { margin-bottom:0.5em; font-family: Lora, serif; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style: outside; } .comments_list_wrap .comment_text ol { margin:0; padding: 0 0 0 1.5em; list-style:decimal; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height:0; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border:none; } .comments_list_wrap .comment_reply { font-size: 1em; font-weight: 400; font-family: Lora, serif; line-height:1.2em; font-style: normal; letter-spacing:0; margin-top: 1.75em; margin-bottom: 0.6em; } .comments_list_wrap .comment_reply a:after{ content: '\e802'; font-family: fontello; margin-left: 0.5em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family:'fontello'; margin-right:0.2em; display: none; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 2em; } /* Comments form */ .comments_form_wrap { margin-top: 5.15rem; border-top: none; overflow:hidden; } .comments_form_wrap form { position:relative; overflow:hidden; } .comments_wrap .comments_form_title { margin: 0 0 1.1em; text-align:left; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position:relative; } .comments_wrap #cancel-comment-reply-link { font-size:0; } .comments_wrap #cancel-comment-reply-link:before { content: '\e916'; font-family: 'fontello'; font-size:18px; display:block; text-align:center; width: 2em; height: 2em; line-height: 2em; position:absolute; right: 0; top: 0; z-index: 1; } .comments_wrap .comments_notes { font-size:0.8667em; } .comments_wrap .comments_field { margin-bottom:2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_url { clear:both; } .comments_wrap .comments_field label { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding: 1.5em 2em; } .comments_wrap .comments_field textarea { min-height:11em; } /* Submit button */ .comments_wrap .form-submit { margin: 2.3em 0 0; } .comments_wrap .form-submit:before { content: ' '; clear:both; display:block; width:100%; height: 0; } .comments_wrap .form-submit input[type="submit"] { display:inline-block; } form .error_field { border-color: #CC6868 !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); } /* Result box */ .swoop_messagebox { display:inline-block; font-size:0.8667em; line-height:1.5em; padding: 1.5em; color: #006818; border: 1px solid #006818; background-color:#d8ffd8; position:absolute; z-index:1000; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); } .swoop_messagebox_style_error { color: #681800; border: 1px solid #681800; background-color:#ffd8d8; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); } .swoop_messagebox p { margin:0; } .swoop_messagebox p+p { margin-top:0.4em; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6rem 0 5rem; overflow:hidden; } .post_item_404 .page_title { float: left; width:50%; font-size: 15em; line-height: 1em; margin: 0; margin-top:0 !important; letter-spacing:0; text-align:center; } .post_item_404 .page_info { float: left; width:50%; text-align:left; padding: 0 0 0 5rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_subtitle { margin: 0; letter-spacing:1px; } .post_item_404 .page_description { margin-top: 1em; margin-bottom: 2em; text-transform:uppercase; letter-spacing:1px; line-height:1.8em; } .post_item_404 .go_home:after { content:'\e93a'; font-family:'fontello'; margin-left: 0.5em; font-size: 0.9333em; line-height:inherit; position:relative; top: 0; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height:1.2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar[class*="scheme_"] .sidebar_inner { padding: 2.6rem 2em; } .sidebar[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget+.widget, .sidebar[class*="scheme_"] .widget+.widget { margin-top: 4.15rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4.2rem; padding-bottom: 4.2rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar[class*="scheme_"] .widget.widget_fullwidth + .widget { border-top: none; margin-top: 0; } .widget p { margin:0; } .widget p+p, .widget p+div, .widget p+form { margin-top:1em; } .widget .widgettitle { font-size: 1.4286em; line-height: 1.35em; } .widget .widget_title, .widget .widgettitle { margin-top:0; margin-bottom: 1.4em; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle{ text-align:center; } .widget ul { margin:0; padding-left: 1.64em; list-style-type:none; } .widget ul ul ul ul { /* Remove padding for the levels 4+ */ padding-left: 0; } .widget li { position:relative; } .widget ul > li:before { content: ''; width: 7px; height: 7px; top: 0; margin-top: 0.8em; border-radius: 50%; position: absolute; left: -1.64em; } .widget li a img { vertical-align:baseline; } /* Widgets above and below the page (content and sidebar) */ .widgets_above_page_wrap, .widgets_above_content_wrap { font-size:1em; margin-bottom:2em; } .widgets_below_content_wrap, .widgets_below_page_wrap { font-size:1em; margin-top:2em; } .widgets_below_page_wrap { clear:both; } /* Widget: Calendar */ .widget_calendar table { width: 100%; position:relative; } .widget_calendar caption { padding-bottom:0.5em; font-weight:400; } .widget_calendar table > thead > tr { background-color: transparent !important; } .widget_calendar th, .widget_calendar td { font-size:1em !important; line-height:1.5em; font-weight:400 !important; font-style:normal; text-align:center; text-transform:uppercase; padding:2px; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 14.2857%; } .widget_calendar td { line-height:2em; padding:0; } .widget_calendar tbody td a { display:block; position:relative; font-weight:normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar tbody td a:after { content: ' '; position:absolute; left:48%; bottom: 1px; width: 3px; height: 3px; } .widget_calendar td#today { position:relative; z-index:2; } .widget_calendar td#today:before { content:' '; position:absolute; z-index:-1; left:50%; top: 50%; width: 2.2em; height: 2.2em; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .widget_calendar tfoot { position:relative; top: 0.6em; } .widget_calendar tfoot td { text-transform: none !important; } .widget_calendar td#prev { text-align:left; overflow:hidden; } .widget_calendar td#next { text-align:right; } .widget_calendar td#prev a, .widget_calendar td#next a { position:relative; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before { position:absolute; z-index:1; top: 0; width: 0.6em; height: 1em; line-height: 1.4em; display:inline-block; } .widget_calendar td#prev a:before { content: '<'; left:0; } .widget_calendar td#next a:before { content: '>'; right: 0; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left:0.5em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width:100%; overflow:hidden; position:relative; padding-bottom: 1px; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8f9'; font-family: 'fontello'; display:block; text-align:center; position:absolute; right:1.2em; top:50%; margin-top:-0.5em; width:1em; height:1em; line-height:1em; z-index:0; pointer-events: none; cursor:pointer; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width:100%; padding: 1.25em 1.5em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display:block; text-indent:-1000px; position:absolute; right:0; top:0; width:4em; height:100%; padding:0; border: none !important; background:none !important; z-index:1; cursor:pointer; } /* Widget: RSS */ .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_rss .widget_title a:first-child:before { content:'\e8ed'; font-family:'fontello'; display: inline-block; font-size:0.9em; } .widget_rss .widget_title img { display:none; } .widget_rss ul, .widget_rss li { padding-left:0 } .widget_rss li:before { display:none; } .widget_rss li+li { margin-top:2em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow:hidden; } .widget_product_tag_cloud .widget_title, .widget_tag_cloud .widget_title { margin-bottom:1em; } .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; float: left; padding: 7.5px 15px; margin: 0 4px 4px 0; font-size: 12px !important; line-height: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; /* border: 1px solid; */ box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } /* Widget: Instagram Feed */ #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top:-2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom:0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float:none; text-align:center; overflow:hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float:none; display:inline-block; overflow:hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height:1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height:1.5em; } #sb_instagram #sbi_load { margin-top:0.5em; } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin:0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display:none; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { margin-top:7.4rem; } .remove_margins .footer_wrap { margin-top:0; } .footer_copyright_inner .copyright_text, .footer_copyright_inner .socials_wrap { width: 75%; display: inline-block; margin-right: -2px; } .footer_copyright_inner .socials_wrap { width: 25%; } .footer_copyright_inner .socials_wrap { text-align: right; } /* Footer widgets */ .footer_wrap .widget { margin: 1.5em 0; } .footer_wrap li { line-height: 2.143em; } .footer_wrap .vc_col-sm-4 .widget li { display:inline-block; width: 45%; margin-right:3%; vertical-align:top; } .footer_wrap .vc_col-sm-4 .widget li li { display:block; width: 100%; margin-right:0%; } .footer_wrap .footer_fullwidth { overflow:hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align:left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align:center; margin-bottom:1.5em; } /* Footer logo */ .footer_logo_inner { padding:4em 0; overflow:hidden; text-align:center; position:relative; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content:' '; position:absolute; z-index:1; left: 50%; bottom:0; width: 1px; height: 3em; } .footer_logo_inner img { max-width:50%; } .logo_footer_text { font-size: 3.3333em; line-height:1em; letter-spacing:6px; margin:0; } .logo_footer_image + .logo_footer_text { margin:0.63em 0 2em; } /* Socials in the default footer */ .footer_socials_inner { padding:2em 0 3em; text-align:center; } /* Menu in the default footer */ .footer_menu_inner { padding:2em 0; text-align:center; } .menu_footer_nav_area > ul { padding:0; margin:0; list-style-type:none; } .menu_footer_nav_area > ul > li { display:inline-block; vertical-align: baseline; font-size: 11px; } .menu_footer_nav_area > ul > li+li:before { content: ' '; display:inline-block; width: 0; height:0.8em; margin:0 3em; vertical-align:baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a { padding: 0; display: inline-block; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; right: 5px; } .menu_footer_nav_area li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } .menu_footer_nav_area > ul > li ul { top: auto; bottom: 3em; margin-left: -3em; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a { display:block; font-size: 11px; } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size:0.9333em; padding: 1.4em 0; overflow:hidden; text-align:left; } .footer_copyright_wrap p { margin:0; } /* 11. Utils -------------------------------------------------------------- */ /* Debug window */ #debug_log { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debug_log { top:32px; } #debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debug_log_content { padding:12px; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display:none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom:0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.3em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* Visual Composer */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom:0 !important; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* Visual Composer */ .post_item_single .post_edit .vc_inline-link { display:none; } /* Magnific popup */ .mfp-bg { z-index:200001; } .mfp-wrap { z-index:200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding:0; width: 44px; text-align:center; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: none !important; } /* Instagram */ #sb_instagram .sbi_photo:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* RevSlider */ [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before, [id*="rev_slider"] .uranus.tparrows.tp-rightarrow:before { content: '\e946'; font-family: fontello; font-size: 20px !important; line-height: 90px !important; height: 80px !important; width: 30px !important; border-top: 1px solid rgba(256,256,256,0.6); } [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [id*="rev_slider"] .ares .tp-bullet { height: 6px !important; border-radius: 0; padding: 0 4px; } [id*="rev_slider"] .ares .tp-bullet.selected { width: 30px !important; } [id*="rev_slider"] .ares .tp-bullet-title { top: -7px !important; } [id*="rev_slider"] .zeus .tp-bullet { width: 9px !important; height: 9px !important; border: 1px solid #878687 !important; } [id*="rev_slider"] .zeus .tp-bullet.selected { border: 1px solid #fff !important; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow, [id*="rev_slider"] .custom.tparrows.tp-rightarrow { width: 90px !important; text-align: center !important; background-color: transparent; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow:before, [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94d'; font-family: fontello; font-size: 20px; width: 90px; text-align: center; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94e'; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:after{ content: '/'; position: absolute; left: 0; top: 5px; font-size: 35px; font-weight: 100; font-family: initial; } /* 14. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Height variants for the empty space */ .height_tiny { height: 1rem !important; } /* 15px */ .height_small { height: 2rem !important; } /* 30px */ .height_medium {height: 3.3333rem !important; } /* 50px */ .height_large, .height_big { height: 6.6667rem !important; } /* 100px */ .height_huge { height: 8.6667rem !important; } /* 130px */ /* Scroll button on the slider */ .theme_scroll_down { display:inline-block; text-align:center; cursor:pointer; text-transform:uppercase; font-size:11px !important; line-height:15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; /*'\e929';*/ font-family:'fontello'; font-size:16px !important; line-height:30px !important; display:block; text-align:center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* Makeup image */ #makeup { position:absolute; z-index:1000000; pointer-events: none; opacity:0.5; left: 50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .admin-bar #makeup { top:32px; } #makeup { /* Correct this value to position makeup image */ margin-left: 0px; margin-top: 0px; } .custom_column_1 > .vc_column-inner { background-position: left !important; } .custom_column_2 > .vc_column-inner { background-position: 70% 25% !important; } .vc_row.custom_row_1 { background-position: top !important; } .wpcf7-form-control-wrap, .wpcf7-form-control { width: 32%; margin: 0 0.5%; box-sizing: border-box; float: left; } .wpcf7-form-control-wrap > input { width: 100%; box-sizing: border-box; } /* Theme Name: Orbit Interactive Theme URI: http://orbitinteractive.org Description: Orbit Interactive - excellent WordPress theme with many different blog and header layouts Author: Orbit Interactive Author URI: http://orbitinteractive.org Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: swoop */ /* TABLE OF CONTENTS: 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Page info (page/post title, category or tag name, author, etc.) 7.4 Blog layouts 7.5 Post Formats 7.6 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins 14. Predefined classes for users -------------------------------------------------------------- */ /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 15px; } body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } li > ol, li > ul, dl > dd { margin-bottom:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; font-size: 0.934rem; font-family: Lora; } li + li{ margin-top: 0.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, a:before, a:after, button, button:before, button:after, input[type="button"], input[type="submit"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display:block; } :active, :focus { outline:0; } address { font-size: .933em; font-family: Lora, serif; } address:before { margin-right: 8px !important; } /* Tables */ table { border-collapse: collapse; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.04 ); } table th+th, table th+td, table td+th, table td+td { border: 1px solid #ddd; } table > p { margin: 0 !important; } table td, table th { padding: 1.8em 1em; border: 1px solid; } table th { font-size: 1em; font-weight: 400; text-transform:none; font-style:normal; text-align: center; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-size: 0.933em; font-weight: 400; border-color: rgba(256,256,256,0.1); } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child { border-radius: 5px 0 0 0; } .sc_table table tr:first-child th:last-child, .sc_table table tr:first-child td:last-child { border-radius: 0 5px 0 0; } .sc_table table tr:last-child th:first-child, .sc_table table tr:last-child td:first-child { border-radius: 0 0 0 5px; } .sc_table table tr:last-child th:last-child, .sc_table table tr:last-child td:last-child { border-radius: 0 0 5px 0; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote { position: relative; text-align: left; padding: 2em 3.2em 2.3em 4.67em; border-radius: 5px; border: 1px solid; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size: 1.6em; display: block; position: absolute; top: 1.3em; left: 1.3em; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 1.067em; line-height: 2em; font-weight: 400; font-family: Lora; } blockquote > a, blockquote > p > a, blockquote > cite, blockquote > p > cite { display: block; font-size: 0.933rem; line-height: 1.35em; font-weight: 400; font-style: normal; text-transform: none; margin-top: 0.8em; letter-spacing: 0.02em; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 2.6rem 0; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing:0; } pre { overflow: auto; max-width: 100%; } pre { display:block; overflow: auto; max-width: 100%; padding: 2em; border: 1px solid #888; background-color: #f7f7f7; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; } /* Images */ img { max-width: 100%; /* width: auto; */ /* Only height: auto; not both! */ height: auto; vertical-align:top; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; } figure figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; font-size: 11px; font-weight:300; font-style:normal; text-align:center; line-height:15px; padding: 6px 10px; } figure:hover figcaption, .wp-caption:hover .wp-caption-text, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { line-height: inherit; font-weight: inherit; font-size: inherit; width:auto; margin:0; } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom:0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button { overflow: visible; } input[placeholder] { text-overflow:ellipsis; } input::-webkit-input-placeholder { text-overflow:ellipsis; } input::-moz-placeholder { text-overflow:ellipsis; } input:-ms-input-placeholder { text-overflow:ellipsis; } textarea, textarea.wp-editor-area, select, option, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } /*input[type="search"]::-webkit-search-cancel-button,*/ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } /* Required fields */ label.required:after { content:'*'; display: none; vertical-align:text-top; font-size:80%; color:#da6f5b; } /* Field set */ fieldset { padding: 1em 1.5em; margin: 1.5em 0.2em; border: 1px solid #ddd; position:relative; } fieldset legend { position:absolute; top: -0.6em; left: 1.5em; background-color:#fff; font-weight:400; font-style:italic; padding: 0 0.2em; letter-spacing:0; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, #buddypress div.activity-meta a, a.bp-title-button, /* Booked */ body #booked-profile-page input[type="submit"], body #booked-profile-page button, body .booked-list-view input[type="submit"], body .booked-list-view button, body table.booked-calendar input[type="submit"], body table.booked-calendar button, body .booked-modal input[type="submit"], body .booked-modal button, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_link, .sc_action_item_link, /* Tribe Events */ #tribe-bar-form .tribe-bar-submit input[type="submit"], #tribe-bar-form button, #tribe-bar-form a, #tribe-bar-form input, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-cal-links a, .tribe-events-sub-nav li a, .tribe-events-read-more, /* WooCommerce buttons */ .woocommerce .button, .woocommerce-page .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button .woocommerce #respond input#submit, .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond p.form-submit input[type="submit"], .woocommerce-page #review_form #respond p.form-submit input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce table.cart td.actions .button, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display:inline-block; text-transform:none; white-space:nowrap; padding: 1.215em 3em; font-size:0.933rem; line-height:15px; font-weight:500; letter-spacing:0.02em; border-width: 0 !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding:0.8em 1.6em; } /* Bordered button */ .sc_button.sc_button_bordered { border-width: 2px !important; padding: 1.3em 2.8em; } .sc_button.sc_button_bordered.sc_button_size_small { padding:0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-style:italic; font-weight:400; font-size:1em; line-height:1.25em; letter-spacing:0; text-transform:none; border: none; padding: 0 1.8em 0 0; } .sc_button_simple:before, .sc_button_simple:after { content:'\e93a'; font-family:'fontello'; font-style:normal; } /* Buttons in widgets */ .widget.woocommerce .button, .widget.WOOCS_CONVERTER .button, .widget.yith-woocompare-widget a.button, .widget.yith-woocompare-widget a.clear-all { font-size:11px; line-height: 16px; padding:10px 16px; } .widget.woocommerce .button+.button { margin-left: 3px; } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area, /* BB Press*/ #buddypress div.dir-search input[type="search"], #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="search"], #buddypress li.groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea { padding: 1.18em 1.43em; border: 1px solid #ddd; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="search"]:hover, select:hover, textarea:hover, textarea.wp-editor-area:hover { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.08 ); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.16 ); } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:10em; } .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { padding: 1em 1.2em; } /* Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { position:relative; padding-left:1.4em; line-height:1.5em; } input[type="radio"] + label:before, input[type="checkbox"] + label:before { content:' '; font-family:fontello; display:block; text-align:center; border: 1px solid #eee; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; width:0.6em; height:0.6em; line-height:0.53em; } input[type="radio"] + label:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + label:before { content:'\e8ab'; } input[type="radio"]:checked + label:before { content:'\e83c'; } /* Select container (dropdown) */ select { text-overflow:ellipsis; } .select_container { width:100%; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .select_container:before { content:' '; display:block; position:absolute; right:0; top:0; bottom: 0; width: 3em; z-index:1; pointer-events: none; cursor:pointer; } .select_container:after { content:'\e828'; font-family: 'fontello'; display:block; line-height:1em; width: 1em; height: 1em; text-align:center; position:absolute; right:1em; top:50%; margin-top:-0.5em; z-index:2; pointer-events: none; cursor:pointer; } .select_container select { background:none !important; border: none !important; width: 99% !important; /* use 100% if .select_container haven't border radius, else - only 99% */ padding:1.4em 1.4em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 2em !important; padding-top:0.75em; padding-bottom:0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0.5em; } /* Select2 - Advanced select with search */ .select2-container .select2-choice, .select2-container .select2-selection { height: auto; border: 2px solid #ddd; padding:1em 0 1em 1.4em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .select2-drop-active { border: none; } .select2-results { border: 1px solid #ddd; } .select2-search { padding: 4px 0; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin:0 !important; padding:0 !important; display: none; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.8em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; } .alignright { display: inline-block; float: right; margin-left: 2em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; text-align:center; } figure.alignleft, figure.alignright { margin-top:0.5em; } figure.aligncenter { margin-bottom:1em; } /* Sticky posts */ .sticky_wrap { margin-bottom: 5em; } .sticky { position:relative; border: 2px solid #ddd; padding: 2em; } .sidebar_hide .sticky_wrap .sticky, .body_style_fullwide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align:center; } .sticky .label_sticky { display:block; position:absolute; z-index:1; right: -14px; top: -14px; width: 0; height: 0; border: 12px solid transparent; border-top-color:#ddd; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .post_title { margin-top: 0.5em; margin-bottom:0; text-transform:uppercase; letter-spacing:1px; } /* Gallery */ .gallery { margin: 0 -5px; } .gallery-caption {display: block;} .bypostauthor {display: block;} .gallery .gallery-item { display: inline-block; vertical-align:top; margin-bottom:1em; overflow:hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 15px; margin: 0 5px; padding: 6px; font-size:11px; max-height: 42px; } .gallery .gallery-item:hover .gallery-caption { bottom: -200px; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:0.2em; } .post-password-form input[type="password"] { padding:1.2em; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; margin-right: -30px; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between column's tags: Right: Wrong:
... ...
... ...
*/ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left:30px; padding-right:0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left:0; padding-right:30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left:15px; padding-right:15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow:hidden; } .vertical-centered:before { content:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .swoop_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width: 1370px; } .body_style_boxed .top_panel > .vc_row.sc_layouts_row_fixed_on { width: 1370px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .body_style_boxed .sc_layouts_row_type_normal { padding-right: 7em; padding-left: 7em; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width:100%; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position:relative; } /* Content and Sidebar */ body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 370px; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; padding: 0.1px 0; margin-bottom:7.1rem; } .remove_margins .top_panel { margin-bottom:0 !important; } .top_panel.with_bg_image:before { content:' '; position:absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: block; } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position:absolute; z-index:1; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 0; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .header_position_under .page_content_wrap { position:relative; z-index:3; } .header_position_under .footer_wrap { position:relative; z-index:2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left:6rem; } body.menu_style_right { margin-right:6rem; } .menu_style_side .body_wrap { position:relative; overflow: hidden; max-width:100%; } .menu_style_side .menu_side_wrap { position: fixed; width: 6rem; z-index: 20000; top:0; bottom: 0; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .menu_side_wrap .logo_slogan { display:none; } .menu_side_wrap .menu_mobile_button { display:block; position:relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { left: -1.5em; text-align:left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { right: -1.5em; text-align:right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display:block; width: 5em; height: 5em; cursor:pointer; position:absolute; right:0; top: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content:' '; position:absolute; z-index:2; left:38%; top:50%; width: 25%; height: 0; margin-top:-1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left:0; top:0; height: 0; width: 100%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align:center; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; top: 48%; width: 100%; height: auto; max-height: 44%; padding-right:20px; /* Hide scrollbar */ overflow-y: scroll; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .menu_mobile .menu_mobile_nav_area ul { margin:0 auto; padding:0; list-style:none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0.6em 0 1.6em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding:0.15em 2.5em 0.15em 0; text-transform:uppercase; letter-spacing:1px; position:relative; display: inline-block; width: 30rem; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 0em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 1em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; display:block; width:1em; height:1em; line-height:1em; padding:0.25em; text-align:center; background-color: rgba(255,255,255,0.1); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0.25em 0.8em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255,255,255,0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family:'fontello'; content:'\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content:'\e835'; } .menu_mobile .search_mobile { position:absolute; left: 50%; bottom: 8rem; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position:relative; } .menu_mobile .search_mobile .search_field { width:100%; padding: 1em 3em 1em 1.5em; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding: 0.5em 1.8em; background-color:transparent; } .menu_mobile .socials_mobile { position:absolute; left: 0; bottom: 4rem; text-align:center; display:block; width: 100%; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size:1em; width:1em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing:0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:1em; line-height:inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position:relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform:none; -ms-transform:none; transform:none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 1em; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position:relative; z-index:2; } .header_widgets_wrap.header_fullwidth { overflow:hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom:0; } .sc_layouts_title_breadcrumbs:empty { display: none; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index:0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom:0; } .post_item > .post_title { margin-top:0; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.swoop_tabs .swoop_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper{ margin-top: 1.1em; } div.esg-filter-wrapper .esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height:1.4em; font-weight:normal; text-transform:uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.swoop_tabs .swoop_tabs_titles li a, div.swoop_tabs .swoop_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 0.5em 1.2em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.swoop_tabs .swoop_tabs_content { padding: 0; } div.swoop_tabs .swoop_tab_content_remove { opacity: 0; } div.swoop_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom: 2.5em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display:inline-block; margin-left:-0.3em; } /* Uncomment this if you want to stretch images to the block's width .post_featured img { width:100%; height:auto; } */ .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item.post_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '\e83c'; font-family: fontello; display: inline; font-size: inherit; font-style: normal; font-weight: 400; vertical-align: baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.7em 0 0.9em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_counters_comments:before{ content: '\e942'; font-family: fontello; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* Socials share in the post meta */ .post_share .social_items { font-size:1em; } .socials_share.socials_type_drop .social_items { padding:0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style:normal; text-transform:capitalize; } .post_meta .socials_share { display:inline; vertical-align:baseline; } .post_meta_item .socials_share .social_items { bottom:auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position:relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0,0,0,0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right: 0; text-transform: none; margin-top: 1px; margin-bottom: 1.3em; } .format-audio .post_featured .post_audio_title { font-size: 1.533rem; font-weight: 400; line-height: 1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; text-transform:none; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display:none; } .format-audio .post_featured .mejs-container { height: 52px !important; background-color: rgba(256,256,256,0.07) !important; border-radius: 5px; } .format-audio .post_featured .mejs-container .mejs-controls { height: 42px !important; padding: 0 15px; box-sizing: border-box; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time { font-size: 13px !important; font-weight: 300; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time * { font-family: Ubuntu,sans-serif; } /* .post_featured.with_thumb > iframe, */ .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 2.6em 2.33em 3.1em; border: none; border-radius: 5px; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player { padding: 2em 3em 1.75em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { border: none; background-color:transparent; } .trx_addons_audio_player .audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right:0; text-transform:none; margin-top: 1px; margin-bottom: 0.9em; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_caption { font-size: 1em; font-weight:400; line-height:1.35em; letter-spacing:1px; text-transform:none; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.8em; font-weight: 400; line-height:1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_author + .audio_caption { margin:-0.6em 0 0.25em; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { font-size: 14px !important; font-weight: 300; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time span { font-family: Rubik, sans-serif; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; margin: 0 !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; font-size: 2.3em; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; font-size: 2em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; font-size:10px; letter-spacing:0; top: -22px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 5px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height: 2px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before{ background-color: rgba(256,256,256,0.3); } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .format-video .post_featured.with_thumb .post_video:before { content:' '; display:inline-block; padding-top:55%; width:0; height:0; } .format-video .post_featured.with_thumb img { position:relative; z-index:2; } .format-video .post_featured.with_thumb .mask { z-index:3; background-color: rgba(0,0,0,0.5); opacity:0; } .format-video .post_featured.with_thumb:hover .mask { opacity:1; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; cursor: pointer; overflow:hidden; background-color: rgba(0,0,0,0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.2em; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { color: #000; background-color: #fff; overflow: visible; } .trx_addons_video_player.with_cover .video_mask { background-color: rgba(21, 25, 29, 0.76); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.2em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e920'; font-family:'fontello'; } .trx_addons_video_player.with_cover .video_hover:after, .format-video .post_featured.with_thumb .post_video_hover:after { content: ''; display: block; width: 5rem; height: 5rem; top: 50%; left: 50%; border-radius: 50%; margin-top: -2.5rem; margin-left: -2.5rem; position: absolute; background-color: rgba(255, 255, 255, 0.07); } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .format-video .post_featured.post_video_play .post_video { /*position:relative;*/ opacity:1; z-index:10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color:#000; } .format-video .post_featured.post_video_play .post_video > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align:left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height:1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p+p, .format-link .post_content p+p, .format-status .post_content p+p { margin-top:1em; } .format-aside .post_content_inner:after { display:none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top:1.6em; } /* Chat */ .format-chat p { margin-bottom:0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display:inline-block; margin-top:1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top:0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position:relative; margin-bottom:0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 5rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } /*.post_layout_excerpt.post_format_audio .post_featured,*/ .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.2rem; } .post_layout_excerpt .post_content { margin-top: 1.1rem; font-family: Lora; } .post_layout_excerpt .post_meta .post_meta_item:after{ content: ''; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top:1.6em; } .post_layout_excerpt .more-link { margin-top: 1.6rem; font-size: 0.933rem; font-weight: 500; letter-spacing: 0.02em; padding: 0; } .post_featured_wrap { position: relative; margin-bottom: 2.5em; overflow: hidden; } .post_featured_wrap .post_featured{ margin-bottom: 0em; display: table; } .post_featured_wrap .post_category { position: absolute; left: 25px; bottom: 25px; z-index: 200; } .post_featured_wrap .post_category a { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 3px; margin-right: 5px; } /* Masonry and Classic */ .post_layout_classic { position:relative; margin-bottom:4rem; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .post_layout_classic.format-aside .post_content_inner + .post_meta, .post_layout_classic.format-link .post_content_inner + .post_meta, .post_layout_classic.format-status .post_content_inner + .post_meta { margin-top:1em; } /* Chess */ .chess_wrap { overflow:hidden; } .post_layout_chess { position:relative; overflow:hidden; margin-bottom:0; } .post_layout_chess.sticky { padding:0; border-width: 0; } .post_layout_chess .label_sticky { top: -12px; left: -12px; right: auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .post_layout_chess .post_featured { margin-bottom:0; width: 50%; float: right; max-height:none !important; } .post_layout_chess .post_featured_bg:before { padding-top: 100%; /* 112.5% - 16:9 */ } .post_layout_chess .post_inner { width: 50%; position:absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .post_layout_chess blockquote { margin:0; } .post_layout_chess_1 .post_inner_content { padding: 0 14%; } .post_layout_chess_2 .post_inner_content { padding: 0 12%; } .post_layout_chess_3 .post_inner_content { padding: 0 10%; } .post_layout_chess .post_header { padding-top:0.1px; } .post_layout_chess .post_title { margin: 0; } .post_layout_chess .post_meta { margin-top: 1em; margin-bottom: 0 !important; } .post_layout_chess .post_header + .post_content { margin-top:1em; } .post_layout_chess .post_content_inner { overflow:hidden; position:relative; padding-bottom: 0; } .post_layout_chess:not(.post_format_aside) .post_content_inner { padding-top: 0; } .post_layout_chess .post_content_inner:after { content:' '; position:absolute; bottom:0; left:0; width:100%; height: 1em; display: none; } .post_layout_chess_1.post_format_quote .post_content_inner .post_meta, .post_layout_chess_1.post_format_link .post_content_inner .post_meta, .post_layout_chess_1.post_format_status .post_content_inner .post_meta { margin-top: 1rem; } .post_layout_chess_1.post_format_aside .post_content_inner .post_meta { margin-top: 3rem; } .post_layout_chess_1 .post_header + .post_content { margin-top:3.8rem; } .post_layout_chess_1 .more-link { margin-top: 3rem; } .post_layout_chess_1.post_format_quote .post_header, .post_layout_chess_1.post_format_link .post_header, .post_layout_chess_1.post_format_aside .post_header, .post_layout_chess_1.post_format_status .post_header, .post_layout_chess_2.post_format_quote .post_header, .post_layout_chess_2.post_format_link .post_header, .post_layout_chess_2.post_format_aside .post_header, .post_layout_chess_2.post_format_status .post_header { display:none; } .post_layout_chess_2 .post_title { font-size:1.6rem; } .post_layout_chess_2:not(.post_format_quote):not(.post_format_link):not(.post_format_aside):not(.post_format_status) .post_content_inner { font-size:0.9333rem; line-height:1.5em; max-height: 15.4em; } .post_layout_chess_2 .post_meta, .post_layout_chess_3 .post_meta { font-size: 13px; line-height:18px; margin-top: 1rem; } .post_layout_chess_2.post_format_aside .post_meta { margin-top: 1.3333rem; } .post_layout_chess_2.post_format_audio .post_featured .post_audio_title, .post_layout_chess_3.post_format_audio .post_featured .post_audio_title { letter-spacing:0; } .post_layout_chess_2.format-chat p > em, .post_layout_chess_2.format-chat p > b, .post_layout_chess_2.format-chat p > strong { margin-top:0.8em; } .post_layout_chess_2 .more-link { margin-top: 1.5rem; } .post_layout_chess_3 .post_title { font-size:1.3333rem; line-height:1.2em; } .post_layout_chess_3 .post_content_inner { font-size:0.8667rem; line-height:1.3486em; max-height: 6.2rem; } .post_layout_chess_3 .post_content_inner, .post_layout_chess_3 .post_content_inner + .post_meta { display:none; } .post_layout_chess_3 .more-link { margin-top: 1rem; padding: 1em 2em; } .post_layout_chess_1:nth-child(2n+2) .post_featured { float:left; } .post_layout_chess_1:nth-child(2n+2) .post_inner { left: auto; right:0; } .post_layout_chess_2 { width: 50%; float:left; } .post_layout_chess_2:nth-child(4n+3) .post_featured, .post_layout_chess_2:nth-child(4n+4) .post_featured { float:left; } .post_layout_chess_2:nth-child(4n+3) .post_inner, .post_layout_chess_2:nth-child(4n+4) .post_inner { left: auto; right:0; } .post_layout_chess_3 { width: 33.3333%; float:left; } .post_layout_chess_3:nth-child(6n+4) .post_featured, .post_layout_chess_3:nth-child(6n+5) .post_featured, .post_layout_chess_3:nth-child(6n+6) .post_featured { float:left; } .post_layout_chess_3:nth-child(6n+4) .post_inner, .post_layout_chess_3:nth-child(6n+5) .post_inner, .post_layout_chess_3:nth-child(6n+6) .post_inner { left: auto; right:0; } /* Portfolio */ .post_layout_portfolio .post_title { margin: 1em 0 0.4em; } .post_layout_portfolio .post_featured { margin-bottom:0; } .post_layout_portfolio .post_featured img { width: 100%; } /* This way not use any scripts to build masonry layout, but Google Chrome broke hovers in 2+ columns!!! ---------------------------------------------------------------------------------------------------------- */ /* .portfolio_wrap { position:relative; -webkit-column-gap: 1.6667em; -ms-column-gap: 1.6667em; column-gap: 1.6667em; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; } .portfolio_wrap.portfolio_3 { -webkit-column-count: 3; -ms-column-count: 3; column-count: 3; } .portfolio_wrap.portfolio_4 { -webkit-column-count: 4; -ms-column-count: 4; column-count: 4; } .post_layout_portfolio { position:relative; display: inline-block; margin-bottom:1.6667em; width: 100%; } */ /* This way use masonry.js script to build masonry layout and work properly in any browsers! ---------------------------------------------------------------------------------------------------------- */ .masonry_wrap, .portfolio_wrap { position:relative; margin-right:-30px; } .masonry_wrap .masonry_item, .post_layout_portfolio { position:relative; display: inline-block; vertical-align:top; padding:0 30px 30px 0; margin-bottom:0; width: 50%; border-width: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .masonry_wrap .masonry_item { padding-bottom: 0; } .masonry_wrap .post_layout_masonry { margin-bottom: 3em; } .post_layout_portfolio .label_sticky { top: -12px; left: -12px; right:auto; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .masonry_wrap .masonry_item-1_3, .portfolio_wrap.portfolio_3 .post_layout_portfolio { width: 33.3333%; } .masonry_wrap .masonry_item-1_4, .portfolio_wrap.portfolio_4 .post_layout_portfolio { width: 25%; } /* Gallery */ .post_layout_gallery * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_layout_gallery .post_details { display:none; } .gallery_item_current { opacity: 0 !important; } .gallery_preview { position: fixed; z-index: 200000; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 50%; height: 100%; pointer-events: none; } .gallery_preview:before { content: ' '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .gallery_preview_show { pointer-events: auto; } .gallery_preview_show:before { opacity: 1; } .gallery_preview_image_clone { position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; } .gallery_preview_image_original { position: relative; z-index: 120; display: block; object-fit: contain; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-backface-visibility: hidden; } .gallery_preview_show .gallery_preview_image_animate { /* open */ -webkit-transition: -webkit-transform 0.6s, opacity 0.2s; -ms-transition: -ms-transform 0.6s, opacity 0.2s; transition: transform 0.6s, opacity 0.2s; } .gallery_preview_image_animate { /* close */ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -ms-transition: -ms-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .gallery_preview_description { position: absolute; z-index: 140; width: 100%; left: 100%; top: 0; height: 100%; padding: 0 3em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -ms-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .gallery_preview_show .gallery_preview_description { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gallery_preview_show .post_title { margin: 0 0 0.5em; } .gallery_preview_show .post_meta { font-size:1em; line-height:1.3em; margin-top:0; margin-bottom:2em; } .gallery_preview_show .post_description_content { max-width: 100%; font-size:1.1429em; line-height: 2em; } .gallery_preview_close { font-size: 2em; margin: 0; padding: 0; cursor: pointer; vertical-align: top; border: none; background: none; position: fixed; z-index: 150; top: 0; right: 0; padding: 1em; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); } .gallery_preview_image_loaded .gallery_preview_close { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination: Load more anf Infinite */ .nav-links-more { text-transform:uppercase; letter-spacing:1px; text-align:center; } .blog_style_excerpt .nav-links-more { margin-top: 2em; } .nav-links-more.nav-links-infinite { display:none; } .nav-links-more a { display:inline-block; padding-top: 2em; position:relative; } .nav-links-more a:before { content: '\e929'; font-family:'fontello'; font-size:1.6em; display:block; text-align:center; font-weight:normal; position:absolute; top:0; left:50%; margin-left:-0.5em; width:1em; height: 1em; line-height:1em; } .nav-links-more a:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } .nav-links-more.loading a:before { content: '\e810'; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .nav-links-infinite a span { opacity: 0; } .nav-links-infinite.loading { display: block; } /* Blog pagination: Prev/Next links */ .nav-links-old { overflow:hidden; font-size: 0.9333em; text-transform:uppercase; letter-spacing:1px; margin-top: 3em; } .body_style_fullscreen .nav-links-old { margin: 2em; } body[class*="blog_style_portfolio"] .nav-links-old, body[class*="blog_style_classic"] .nav-links-old { margin-top:1.3em; } .nav-links-old .nav-prev a:before, .nav-links-old .nav-next a:after { font-family:'fontello'; display:inline; font-weight:normal; position:absolute; top:0; } .nav-links-old .nav-prev { float:left; position:relative; padding-left: 2em; } .nav-links-old .nav-prev a:before { content: '\e939'; left: 0; } .nav-links-old .nav-next { float:right; position:relative; padding-right:2em; } .nav-links-old .nav-next a:after { content: '\e93a'; right: 0; } .nav-links-old a { border-bottom: 1px dotted transparent; } /* Blog pagination: Page numbers */ div.esg-pagination, .comments_pagination, .nav-links, .page_links { font-size: 1em; text-transform:uppercase; margin-top: 2.5em; text-align:center; } .nav-links { margin-top: 3.4em; } .page_links .page_links_title { margin-right: 1em; } div.esg-pagination .esg-pagination-button, .page_links > span:not(.page_links_title), .page_links > a, .comments_pagination .page-numbers, .nav-links .page-numbers { display:inline-block; width: 3em; height: 3em; line-height: 3em; font-size:inherit; font-weight: inherit; text-align:center; margin-right:0.6667em; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.esg-pagination .esg-pagination-button:hover, div.esg-pagination .esg-pagination-button.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .comments_pagination .page-numbers.prev, .comments_pagination .page-numbers.next { width: auto; padding: 0 2em; } /* Single page Prev/Next navigation */ .nav-links-single .nav-links { font-size:0.8667em; text-align: left; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #ddd; overflow:hidden; text-transform:none; } .nav-links-single .nav-links a { display:block; position:relative; min-height: 5em; z-index:1; } .nav-links-single .nav-links a .nav-arrow { width:5em; height:4.6em; line-height:4.6em; overflow:hidden; text-align:center; position:absolute; top:0; left: 0; border: none; background-size:cover; background-repeat:no-repeat; background-position:center center; background-color: #f7f7f7; } .nav-links-single .nav-links a .nav-arrow:before { content: ' '; display:block; position:absolute; z-index:1; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; opacity:0; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:before { opacity:0.5; } .nav-links-single .nav-links a .nav-arrow:after { content: '\e939'; font-family: 'fontello'; display:inline-block; position:relative; z-index:2; top: 0; opacity: 1; color: #292929; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .nav-links-single .nav-links a:hover .nav-arrow:after { top: 0; opacity:1; } .nav-links-single .nav-links .nav-next a .nav-arrow { right: 0; left: auto; } .nav-links-single .nav-links .nav-next a .nav-arrow:after { content: '\e93a'; } .nav-links-single .nav-links .nav-previous, .nav-links-single .nav-links .nav-next { width:50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nav-links-single .nav-links .nav-previous { float:left; text-align:left; padding-right:15px; } .nav-links-single .nav-links .nav-previous a { padding-left: 6.5em; } .nav-links-single .nav-links .nav-previous .post-title { text-align:left; } .nav-links-single .nav-links .nav-next { float:right; text-align:right; padding-left:15px; } .nav-links-single .nav-links .nav-next a { padding-right: 6.5em; } .nav-links-single .nav-links .nav-next .post-title { text-align:right; } .nav-links-single .nav-links .post-title, .nav-links-single .nav-links .post_date { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .nav-links-single .nav-links .post-title { margin:0 0 3px; line-height: 1.3em; } .nav-links-single .nav-links .meta-nav { display: none; } .nav-links-single .nav-links .post_date { font-size:0.9286em; font-weight:normal; } /* Attachments navigation */ .image-navigation .nav-previous, .image-navigation .nav-next { float:none; width:auto; text-align:left; padding:0; margin:0; position: absolute; left: 1.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .image-navigation .nav-next { left: auto; right: 1.5em; text-align:right; } .image-navigation .nav-previous a, .image-navigation .nav-next a { display: block; padding: 0.5em 1em; width: 0; max-width: 20em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0,0,0,0); border: none; color: #fff; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .image-navigation .nav-previous a:hover, .image-navigation .nav-next a:hover { width: auto; color: #fff;; background-color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.6); } .image-navigation .nav-previous a:hover { padding-left:3.5em; } .image-navigation .nav-next a:hover { padding-right:3.5em; } .image-navigation .nav-previous a:after, .image-navigation .nav-next a:after { content: '\e8ef'; font-family: "fontello"; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3em; height: 3em; line-height: 3em; border: none; background-color: #333; color: #fff; } .image-navigation .nav-next a:after { content: '\e8f0'; left: auto; right: 0; } .image-navigation .nav-previous a:hover:after, .image-navigation .nav-next a:hover:after { border-color: transparent; background-color: transparent; } /* 8. Single page parts -------------------------------------------------------------- */ .structured_data_snippets { display: none; } .post_item_single.format-aside .post_content, .post_item_single.format-link .post_content, .post_item_single.format-status .post_content { padding: 0; text-align:left; } .post_item_single.format-quote .post_content { background-color:transparent; padding-top:0; } .post_item_single .post_content .mejs-container{ height: 30px !important; border: 0 !important; margin-bottom: 1em; } .trx_addons_audio_player .mejs-container:not(.mejs-video) { height: 58px !important; border: 0 !important; } .trx_addons_audio_player .mejs-container .mejs-controls { height: 47px !important; padding: 0 15px; box-sizing: border-box; } .trx_addons_audio_player .mejs-container{ background-color: rgba(256,256,256,0.07) !important; } /* 8.1 Post header ------------------------------------------------------ */ .post_item_single > .post_featured { margin-bottom:2.8em; } .post_featured.post_attachment { margin-bottom: 2.8em; } .entry-caption { text-align:center; font-style:italic; } .post_item_single .post_header { margin-bottom:2.5em; } .post_item_single .post_content > h1:first-child, .post_item_single .post_content > h2:first-child, .post_item_single .post_content > h3:first-child, .post_item_single .post_content > h4:first-child, .post_item_single .post_content > h5:first-child, .post_item_single .post_content > h6:first-child, .post_item_single .post_content > .vc_row:first-child h1:first-child, .post_item_single .post_content > .vc_row:first-child h2:first-child, .post_item_single .post_content > .vc_row:first-child h3:first-child, .post_item_single .post_content > .vc_row:first-child h4:first-child, .post_item_single .post_content > .vc_row:first-child h5:first-child, .post_item_single .post_content > .vc_row:first-child h6:first-child, .post_item_single .post_title { margin-top:-0.2em; } .post_item_single .post_header .post_title { margin-bottom: 0; } /* 8.2 Post footer ------------------------------------------------------ */ .post_item_single .post_content > .post_meta_single { font-size: 1em; line-height:1.375em; margin-top: 2.2em; letter-spacing:0; overflow:hidden; } .post_item_single .post_content > .post_meta_single .post_tags { float: none; display:block; max-width: 100%; font-size: 0.94em; font-family: Lora, serif; } .post_item_single .post_content > .post_meta_single .post_tags:after { display: none; } /* Social share in the single post/page */ .post_item_single .post_content > .post_meta_single .post_share { float: none; display:block; max-width: 100%; margin-top: 2.8em; } .post_item_single .post_content > .post_meta_single .post_share:before { display:none; } .post_item_single .post_content > .post_meta_single .post_share .social_item { display: inline-block; margin-right: 5px; } .post_item_single .post_content > .post_meta_single .post_share .social_item .social_icon { display:block; font-size: 13px; width: 30px; height: 30px; line-height: 30px; border: 1px solid; text-align:center; } /* 8.3 Post author ------------------------------------------------------ */ .author_info { margin-top: 8.5rem; padding: 2rem; position:relative; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .author_avatar { width: 7.66rem; height: 7.66rem; position: absolute; left: 2.53rem; top: 2.53rem; border-radius: 50%; overflow: hidden; } .author_avatar img { width:100%; height: auto; } .author_description { padding-left: 10.67rem; } .author_subtitle { font-size: 1em; font-family: Lora, serif; margin-bottom: 4px; display: inline-block; } .author_title { font-size: 1.067em; margin-top: 0; margin-bottom: 1.5em; } .author_bio p { margin:0; font-family: Lora, serif; } .author_bio p+p { margin-top:0.6em; } .author_bio .author_link { display:block; margin-top:0.8em; font-style: italic; letter-spacing:0; } .author_bio .socials_wrap { margin-top: 1em; } /* 8.4 Related posts ------------------------------------------------------ */ .related_wrap { margin-top: 3.5rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .related_wrap_title { margin: 0 0 1.1em; text-align:left; } .related_wrap .related_item { text-align:center; } .related_wrap .post_categories { font-weight:700; text-transform:uppercase; font-size:12px; } .related_wrap .post_categories ul { margin: 0; padding:0; list-style:none; display:inline-block; } .related_wrap .post_categories li { display:inline-block; margin: 0; } .related_wrap .post_categories li+li { margin-left: 0.5em; } .related_wrap .post_categories li:nth-child(n+3) { display:none; /* Hide more then 2 categories */ } .related_wrap .post_title { margin: 0.2em 0 0.1em; } .related_wrap .post_date { font-size: 0.7368em; } /* Style 1 */ .related_wrap .related_item_style_1 .post_featured .post_header { display:block; position:absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:3em 2em; max-width: 70%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .related_wrap .related_item_style_1.format-video .post_featured.with_thumb .post_video_hover { top: 90%; } .related_wrap .related_item_style_1 .post_title { margin: 0.8em 0; letter-spacing:1px; line-height:1.5em; } /* Style 2 */ .related_wrap .related_item_style_2 .post_featured { margin-bottom: 1.1em; } .related_wrap .related_item_style_2 .post_featured img { width:100%; } .related_wrap .related_item_style_2 .post_date { font-size:10px; font-weight:bold; line-height:1.4em; text-transform:uppercase; } /* 8.5 Comments -------------------------------------------------------- */ .body_style_fullscreen .comments_wrap { margin-bottom: 3em; } /* Comment list */ .comments_list_wrap { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #eee; overflow:hidden; } .comments_list_wrap .comments_closed { margin-top:2em; color:#1d1d1d; } .comments_list_wrap .comments_list_title { margin: 0 0 1.1em; text-align:left; } .comments_list_wrap > ul { padding: 0; margin:0; list-style: none; } .comments_list_wrap ul li + li, .comments_list_wrap li > ul > li { padding-top: 2.3em; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:6em; font-size: 1rem; } .comments_list_wrap ul > li .comment_body{ padding: 2.53rem; border: 1px solid; border-radius: 5px; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { /* This way for long border under previous item */ margin-left: 6.67em; /* This way for short border under previous item */ padding-left:0; } .comments_list_wrap ul ul ul ul ul { /* padding-left:0; */ /* This way for long border under previous item */ margin-left:0; /* This way for short border under previous item */ } .comments_list_wrap li + li, .comments_list_wrap li ul { margin-top: 0; } .comments_list_wrap .comment_author_avatar { position: absolute; left: 2.53rem; top: 2.53rem; z-index:1; width: 7.67em; height: 7.67em; border-radius: 50%; overflow: hidden; } .comments_list_wrap ul li + li > .comment_body > .comment_author_avatar, .comments_list_wrap li > ul > li > .comment_body > .comment_author_avatar { top: 4.8em; } .comments_list_wrap .comment_author_avatar img { width: 100%; } .comments_list_wrap .comment_content { padding-left: 10.67rem; overflow:hidden; } .comments_list_wrap .comment_info { margin: -0.4em 0 1.3em; position:relative; } .comments_list_wrap .comment_author { margin:0; display:inline-block; } .comments_list_wrap .comment_posted { display:inline-block; position:relative; letter-spacing:0; font-size: 13px; line-height:inherit; font-style: normal; margin-left: 1em; } .comments_list_wrap .comment_posted_label { display:none; } .comments_list_wrap .comment_time { display:none; } .comments_list_wrap .comment_counters { margin-left: 1em; display: none; } .comments_list_wrap .comment_not_approved { padding: 0.2em 0 0.5em 0; font-style:italic; } .comments_list_wrap .comment_text { margin-bottom:0.5em; font-family: Lora, serif; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.6em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style: outside; } .comments_list_wrap .comment_text ol { margin:0; padding: 0 0 0 1.5em; list-style:decimal; } .comments_list_wrap .comment_text ul > li > ul, .comments_list_wrap .comment_text ol > li > ol { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol > li { min-height:0; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_text ul, .comments_list_wrap .comment_text ul > li, .comments_list_wrap .comment_text ol, .comments_list_wrap .comment_text ol > li { border:none; } .comments_list_wrap .comment_reply { font-size: 1em; font-weight: 400; font-family: Lora, serif; line-height:1.2em; font-style: normal; letter-spacing:0; margin-top: 1.75em; margin-bottom: 0.6em; } .comments_list_wrap .comment_reply a:after{ content: '\e802'; font-family: fontello; margin-left: 0.5em; } .comments_list_wrap .comment_reply a:before { content:'\e802'; font-family:'fontello'; margin-right:0.2em; display: none; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 2em; } /* Comments form */ .comments_form_wrap { margin-top: 5.15rem; border-top: none; overflow:hidden; } .comments_form_wrap form { position:relative; overflow:hidden; } .comments_wrap .comments_form_title { margin: 0 0 1.1em; text-align:left; } .comments_wrap .comments_list_wrap .comments_form_title { margin-top: 1.5em; position:relative; } .comments_wrap #cancel-comment-reply-link { font-size:0; } .comments_wrap #cancel-comment-reply-link:before { content: '\e916'; font-family: 'fontello'; font-size:18px; display:block; text-align:center; width: 2em; height: 2em; line-height: 2em; position:absolute; right: 0; top: 0; z-index: 1; } .comments_wrap .comments_notes { font-size:0.8667em; } .comments_wrap .comments_field { margin-bottom:2em; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_url { clear:both; } .comments_wrap .comments_field label { display:none; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding: 1.5em 2em; } .comments_wrap .comments_field textarea { min-height:11em; } /* Submit button */ .comments_wrap .form-submit { margin: 2.3em 0 0; } .comments_wrap .form-submit:before { content: ' '; clear:both; display:block; width:100%; height: 0; } .comments_wrap .form-submit input[type="submit"] { display:inline-block; } form .error_field { border-color: #CC6868 !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); -ms-box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); box-shadow: 0px 0px 8px 0px rgba(200, 100, 100, 0.2); } /* Result box */ .swoop_messagebox { display:inline-block; font-size:0.8667em; line-height:1.5em; padding: 1.5em; color: #006818; border: 1px solid #006818; background-color:#d8ffd8; position:absolute; z-index:1000; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 200, 0, 0.2); } .swoop_messagebox_style_error { color: #681800; border: 1px solid #681800; background-color:#ffd8d8; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(200, 0, 0, 0.2); } .swoop_messagebox p { margin:0; } .swoop_messagebox p+p { margin-top:0.4em; } /* 8.6 Page 404 -------------------------------------------------------------- */ .post_item_404 .post_content { padding: 6rem 0 5rem; overflow:hidden; } .post_item_404 .page_title { float: left; width:50%; font-size: 15em; line-height: 1em; margin: 0; margin-top:0 !important; letter-spacing:0; text-align:center; } .post_item_404 .page_info { float: left; width:50%; text-align:left; padding: 0 0 0 5rem; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_404 .page_subtitle { margin: 0; letter-spacing:1px; } .post_item_404 .page_description { margin-top: 1em; margin-bottom: 2em; text-transform:uppercase; letter-spacing:1px; line-height:1.8em; } .post_item_404 .go_home:after { content:'\e93a'; font-family:'fontello'; margin-left: 0.5em; font-size: 0.9333em; line-height:inherit; position:relative; top: 0; } /* 8.7 Page 'No search results' and 'No archive results' -------------------------------------------------------- */ .post_item_none_search .post_content { padding: 1.5em 0; } .post_item_none_search .page_title, .post_item_none_archive .page_title { font-size: 7em; line-height:1.2em; } /* 9. Sidebars -------------------------------------------------------------- */ /* Common rules */ .sidebar[class*="scheme_"] .sidebar_inner { padding: 2.6rem 2em; } .sidebar[class*="scheme_"] .widget .widget { padding: 0; } .sidebar .widget+.widget, .sidebar[class*="scheme_"] .widget+.widget { margin-top: 4.15rem; } .sidebar .widget + .widget.widget_bg_image, .sidebar[class*="scheme_"] .widget + .widget.widget_bg_image, .sidebar .widget + .widget.widget_fullwidth, .sidebar[class*="scheme_"] .widget + .widget.widget_fullwidth { border-top: none; padding-top: 4.2rem; padding-bottom: 4.2rem; } .sidebar .widget.widget_bg_image + .widget, .sidebar[class*="scheme_"] .widget.widget_bg_image + .widget, .sidebar .widget.widget_fullwidth + .widget, .sidebar[class*="scheme_"] .widget.widget_fullwidth + .widget { border-top: none; margin-top: 0; } .widget p { margin:0; } .widget p+p, .widget p+div, .widget p+form { margin-top:1em; } .widget .widgettitle { font-size: 1.4286em; line-height: 1.35em; } .widget .widget_title, .widget .widgettitle { margin-top:0; margin-bottom: 1.4em; } .widget_fullwidth .widget_title, .widget_fullwidth .widgettitle{ text-align:center; } .widget ul { margin:0; padding-left: 1.64em; list-style-type:none; } .widget ul ul ul ul { /* Remove padding for the levels 4+ */ padding-left: 0; } .widget li { position:relative; } .widget ul > li:before { content: ''; width: 7px; height: 7px; top: 0; margin-top: 0.8em; border-radius: 50%; position: absolute; left: -1.64em; } .widget li a img { vertical-align:baseline; } /* Widgets above and below the page (content and sidebar) */ .widgets_above_page_wrap, .widgets_above_content_wrap { font-size:1em; margin-bottom:2em; } .widgets_below_content_wrap, .widgets_below_page_wrap { font-size:1em; margin-top:2em; } .widgets_below_page_wrap { clear:both; } /* Widget: Calendar */ .widget_calendar table { width: 100%; position:relative; } .widget_calendar caption { padding-bottom:0.5em; font-weight:400; } .widget_calendar table > thead > tr { background-color: transparent !important; } .widget_calendar th, .widget_calendar td { font-size:1em !important; line-height:1.5em; font-weight:400 !important; font-style:normal; text-align:center; text-transform:uppercase; padding:2px; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 14.2857%; } .widget_calendar td { line-height:2em; padding:0; } .widget_calendar tbody td a { display:block; position:relative; font-weight:normal; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_calendar tbody td a:after { content: ' '; position:absolute; left:48%; bottom: 1px; width: 3px; height: 3px; } .widget_calendar td#today { position:relative; z-index:2; } .widget_calendar td#today:before { content:' '; position:absolute; z-index:-1; left:50%; top: 50%; width: 2.2em; height: 2.2em; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .widget_calendar tfoot { position:relative; top: 0.6em; } .widget_calendar tfoot td { text-transform: none !important; } .widget_calendar td#prev { text-align:left; overflow:hidden; } .widget_calendar td#next { text-align:right; } .widget_calendar td#prev a, .widget_calendar td#next a { position:relative; } .widget_calendar td#prev a:before, .widget_calendar td#next a:before { position:absolute; z-index:1; top: 0; width: 0.6em; height: 1em; line-height: 1.4em; display:inline-block; } .widget_calendar td#prev a:before { content: '<'; left:0; } .widget_calendar td#next a:before { content: '>'; right: 0; } /* Widget: Recent Posts */ .widget_recent_entries .post-date { display: inline-block; margin-left:0.5em; } /* Widgets: WP Search, WooCommerce Products Search and bbPress Forums Search */ .widget_search form, .woocommerce.widget_product_search form, .widget_display_search form, #bbpress-forums #bbp-search-form { width:100%; overflow:hidden; position:relative; padding-bottom: 1px; } .widget_search form:after, .woocommerce.widget_product_search form:after, .widget_display_search form:after, #bbpress-forums #bbp-search-form:after { content: '\e8f9'; font-family: 'fontello'; display:block; text-align:center; position:absolute; right:1.2em; top:50%; margin-top:-0.5em; width:1em; height:1em; line-height:1em; z-index:0; pointer-events: none; cursor:pointer; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .widget_search .search-field, .woocommerce.widget_product_search .search_field, .widget_display_search #bbp_search, #bbpress-forums #bbp-search-form #bbp_search { width:100%; padding: 1.25em 1.5em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_search input.search-submit, .woocommerce.widget_product_search .search_button, .widget_display_search #bbp_search_submit, #bbpress-forums #bbp-search-form #bbp_search_submit { display:block; text-indent:-1000px; position:absolute; right:0; top:0; width:4em; height:100%; padding:0; border: none !important; background:none !important; z-index:1; cursor:pointer; } /* Widget: RSS */ .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_rss .widget_title a:first-child:before { content:'\e8ed'; font-family:'fontello'; display: inline-block; font-size:0.9em; } .widget_rss .widget_title img { display:none; } .widget_rss ul, .widget_rss li { padding-left:0 } .widget_rss li:before { display:none; } .widget_rss li+li { margin-top:2em; } /* Widgets: WP Tag Cloud and WooCommerce Tag Cloud */ .widget_product_tag_cloud, .widget_tag_cloud { overflow:hidden; } .widget_product_tag_cloud .widget_title, .widget_tag_cloud .widget_title { margin-bottom:1em; } .widget_product_tag_cloud a, .widget_tag_cloud a { display: block; float: left; padding: 7.5px 15px; margin: 0 4px 4px 0; font-size: 12px !important; line-height: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; /* border: 1px solid; */ box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } /* Widget: Instagram Feed */ #sb_instagram .sbi_header_text { padding-top: 0 !important; margin-top:-2px; } #sb_instagram .sb_instagram_header { padding: 0 !important; margin-bottom:0.5em !important; } .footer_fullwidth #sb_instagram .sb_instagram_header { float:none; text-align:center; overflow:hidden; } .footer_fullwidth #sb_instagram .sb_instagram_header > a { float:none; display:inline-block; overflow:hidden; } #sb_instagram .sb_instagram_header h3 { font-size: 1.2308em; line-height:1.5em; } #sb_instagram .sb_instagram_header p { font-size: 1em; line-height:1.5em; } #sb_instagram #sbi_load { margin-top:0.5em; } /* Widget: Instagram */ ul.instagram-pics { margin-right: -5px; } ul.instagram-pics li { float: left; padding: 0 5px 5px 0; margin:0; overflow: hidden; width: 33.3333%; height: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .column-1_3 ul.instagram-pics li { width: 25%; } .column-1_2 ul.instagram-pics li { width: 20%; } .column-1_1 ul.instagram-pics li { width: 16.6666%; } ul.instagram-pics li:before { display:none; } /* 10. Footer areas -------------------------------------------------------------- */ .footer_wrap { margin-top:7.4rem; } .remove_margins .footer_wrap { margin-top:0; } .footer_copyright_inner .copyright_text, .footer_copyright_inner .socials_wrap { width: 75%; display: inline-block; margin-right: -2px; } .footer_copyright_inner .socials_wrap { width: 25%; } .footer_copyright_inner .socials_wrap { text-align: right; } /* Footer widgets */ .footer_wrap .widget { margin: 1.5em 0; } .footer_wrap li { line-height: 2.143em; } .footer_wrap .vc_col-sm-4 .widget li { display:inline-block; width: 45%; margin-right:3%; vertical-align:top; } .footer_wrap .vc_col-sm-4 .widget li li { display:block; width: 100%; margin-right:0%; } .footer_wrap .footer_fullwidth { overflow:hidden; } .footer_wrap .widget_title, .footer_wrap .widgettitle { text-align:left; } .footer_wrap .footer_fullwidth .widget_title, .footer_wrap .footer_fullwidth .widgettitle { text-align:center; margin-bottom:1.5em; } /* Footer logo */ .footer_logo_inner { padding:4em 0; overflow:hidden; text-align:center; position:relative; } .footer_widgets_wrap + .footer_logo_wrap .footer_logo_inner { border-top-width: 1px; border-top-style: solid; } .footer_logo_inner:after { content:' '; position:absolute; z-index:1; left: 50%; bottom:0; width: 1px; height: 3em; } .footer_logo_inner img { max-width:50%; } .logo_footer_text { font-size: 3.3333em; line-height:1em; letter-spacing:6px; margin:0; } .logo_footer_image + .logo_footer_text { margin:0.63em 0 2em; } /* Socials in the default footer */ .footer_socials_inner { padding:2em 0 3em; text-align:center; } /* Menu in the default footer */ .footer_menu_inner { padding:2em 0; text-align:center; } .menu_footer_nav_area > ul { padding:0; margin:0; list-style-type:none; } .menu_footer_nav_area > ul > li { display:inline-block; vertical-align: baseline; font-size: 11px; } .menu_footer_nav_area > ul > li+li:before { content: ' '; display:inline-block; width: 0; height:0.8em; margin:0 3em; vertical-align:baseline; border-left: 1px dotted #ddd; } .menu_footer_nav_area > ul > li > a { padding: 0; display: inline-block; } .menu_footer_nav_area > ul > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; right: 5px; } .menu_footer_nav_area li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } .menu_footer_nav_area > ul > li ul { top: auto; bottom: 3em; margin-left: -3em; } .menu_footer_nav_area > ul > li ul > li, .menu_footer_nav_area > ul > li ul > li > a { display:block; font-size: 11px; } /* Copyright area in the default footer */ .footer_widgets_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_logo_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_socials_wrap + .footer_copyright_wrap .footer_copyright_inner, .footer_menu_wrap + .footer_copyright_wrap .footer_copyright_inner { border-top-width: 1px; border-top-style: solid; } .footer_copyright_inner { font-size:0.9333em; padding: 1.4em 0; overflow:hidden; text-align:left; } .footer_copyright_wrap p { margin:0; } /* 11. Utils -------------------------------------------------------------- */ /* Debug window */ #debug_log { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debug_log { top:32px; } #debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debug_log_content { padding:12px; } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: absolute; top: 3.3333em; right: 0; width: 37.5em; padding: 3em 2.5em 2em; display:none; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom:0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.3em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.3em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* Visual Composer */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom:0 !important; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* Visual Composer */ .post_item_single .post_edit .vc_inline-link { display:none; } /* Magnific popup */ .mfp-bg { z-index:200001; } .mfp-wrap { z-index:200002; } .mfp-arrow { background-color: transparent !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -20px; padding:0; width: 44px; text-align:center; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: none !important; } /* Instagram */ #sb_instagram .sbi_photo:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* RevSlider */ [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before, [id*="rev_slider"] .uranus.tparrows.tp-rightarrow:before { content: '\e946'; font-family: fontello; font-size: 20px !important; line-height: 90px !important; height: 80px !important; width: 30px !important; border-top: 1px solid rgba(256,256,256,0.6); } [id*="rev_slider"] .uranus.tparrows.tp-leftarrow:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [id*="rev_slider"] .ares .tp-bullet { height: 6px !important; border-radius: 0; padding: 0 4px; } [id*="rev_slider"] .ares .tp-bullet.selected { width: 30px !important; } [id*="rev_slider"] .ares .tp-bullet-title { top: -7px !important; } [id*="rev_slider"] .zeus .tp-bullet { width: 9px !important; height: 9px !important; border: 1px solid #878687 !important; } [id*="rev_slider"] .zeus .tp-bullet.selected { border: 1px solid #fff !important; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow, [id*="rev_slider"] .custom.tparrows.tp-rightarrow { width: 90px !important; text-align: center !important; background-color: transparent; } [id*="rev_slider"] .custom.tparrows.tp-leftarrow:before, [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94d'; font-family: fontello; font-size: 20px; width: 90px; text-align: center; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:before { content: '\e94e'; } [id*="rev_slider"] .custom.tparrows.tp-rightarrow:after{ content: '/'; position: absolute; left: 0; top: 5px; font-size: 35px; font-weight: 100; font-family: initial; } /* 14. Predefined classes for users -------------------------------------------------------------- */ /* Round object corners */ .rounded_none { -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /* Height variants for the empty space */ .height_tiny { height: 1rem !important; } /* 15px */ .height_small { height: 2rem !important; } /* 30px */ .height_medium {height: 3.3333rem !important; } /* 50px */ .height_large, .height_big { height: 6.6667rem !important; } /* 100px */ .height_huge { height: 8.6667rem !important; } /* 130px */ /* Scroll button on the slider */ .theme_scroll_down { display:inline-block; text-align:center; cursor:pointer; text-transform:uppercase; font-size:11px !important; line-height:15px !important; letter-spacing: 2px; } .theme_scroll_down:after { content: '\e938'; /*'\e929';*/ font-family:'fontello'; font-size:16px !important; line-height:30px !important; display:block; text-align:center; } .theme_scroll_down:hover { -webkit-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); -ms-animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); animation: squat 0.5s 1 cubic-bezier(0.2, -0.8, 0.6, -1.2); } /* Makeup image */ #makeup { position:absolute; z-index:1000000; pointer-events: none; opacity:0.5; left: 50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .admin-bar #makeup { top:32px; } #makeup { /* Correct this value to position makeup image */ margin-left: 0px; margin-top: 0px; } .custom_column_1 > .vc_column-inner { background-position: left !important; } .custom_column_2 > .vc_column-inner { background-position: 70% 25% !important; } .vc_row.custom_row_1 { background-position: top !important; } .wpcf7-form-control-wrap, .wpcf7-form-control { width: 32%; margin: 0 0.5%; box-sizing: border-box; float: left; } .wpcf7-form-control-wrap > input { width: 100%; box-sizing: border-box; } /* Theme Name: Orbit Interactive Theme URI: http://orbitinteractive.org Description: Orbit Interactive - excellent WordPress theme with many different blog and header layouts Author: Orbit Interactive Author URI: http://orbitinteractive.org Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: swoop */ /* TABLE OF CONTENTS: 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header: Logo and Menu 7.2 Sliders 7.3 Page info (page/post title, category or tag name, author, etc.) 7.4 Blog layouts 7.5 Post Formats 7.6 Paginations 8. Single page parts 8.1 Post header 8.2 Post footer 8.3 Post author 8.4 Related posts 8.5 Comments 8.6 Page 404 8.7 Page 'No search results' and 'No archive results' 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins 14. Predefined classes for users -------------------------------------------------------------- */ /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ overflow-y: scroll !important; /* Keeps page centred in all browsers regardless of content height */ overflow-x: hidden; /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ html { font-size: 15px; } body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } li > ol, li > ul, dl > dd { margin-bottom:0; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; font-size: 0.934rem; font-family: Lora; } li + li{ margin-top: 0.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, a:before, a:after, button, button:before, button:after, input[type="button"], input[type="submit"] { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { display:block; } :active, :focus { outline:0; } address { font-size: .933em; font-family: Lora, serif; } address:before { margin-right: 8px !important; } /* Tables */ table { border-collapse: collapse; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.04 ); } table th+th, table th+td, table td+th, table td+td { border: 1px solid #ddd; } table > p { margin: 0 !important; } table td, table th { padding: 1.8em 1em; border: 1px solid; } table th { font-size: 1em; font-weight: 400; text-transform:none; font-style:normal; text-align: center; } .sc_table table tr:first-child th, .sc_table table tr:first-child td { font-size: 0.933em; font-weight: 400; border-color: rgba(256,256,256,0.1); } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child { border-radius: 5px 0 0 0; } .sc_table table tr:first-child th:last-child, .sc_table table tr:first-child td:last-child { border-radius: 0 5px 0 0; } .sc_table table tr:last-child th:first-child, .sc_table table tr:last-child td:first-child { border-radius: 0 0 0 5px; } .sc_table table tr:last-child th:last-child, .sc_table table tr:last-child td:last-child { border-radius: 0 0 5px 0; } caption { font-weight: 700; text-align: center; } /* Blockquotes*/ blockquote { position: relative; text-align: left; padding: 2em 3.2em 2.3em 4.67em; border-radius: 5px; border: 1px solid; box-shadow: 0px 1px 24px 0px rgba( 0, 0, 0, 0.04 ); } blockquote:before { content: '\e8b6'; font-family: "fontello"; font-size: 1.6em; display: block; position: absolute; top: 1.3em; left: 1.3em; } blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote p { margin: 0; font-size: 1.067em; line-height: 2em; font-weight: 400; font-family: Lora; } blockquote > a, blockquote > p > a, blockquote > cite, blockquote > p > cite { display: block; font-size: 0.933rem; line-height: 1.35em; font-weight: 400; font-style: normal; text-transform: none; margin-top: 0.8em; letter-spacing: 0.02em; } .blog_mode_post blockquote, .blog_mode_page blockquote { margin: 2.6rem 0; } .blog_mode_post .comments_list blockquote, .blog_mode_page .comments_list blockquote { margin: 1.5em 0; } /* Other tags */ dd { margin-left: 1.5em; } dt, b, strong { font-weight: bold; } dfn, em, i { font-style: italic; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; letter-spacing:0; } pre { overflow: auto; max-width: 100%; } pre { display:block; overflow: auto; max-width: 100%; padding: 2em; border: 1px solid #888; background-color: #f7f7f7; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 80%; } big { font-size: 120%; } [hidden], template { display: none; } hr { -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; height: 0; border: none; border-top: 1px solid #eee; margin: 6.7857em 0; } /* Images */ img { max-width: 100%; /* width: auto; */ /* Only height: auto; not both! */ height: auto; vertical-align:top; } figure, .wp-caption, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; } figure figcaption, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; font-size: 11px; font-weight:300; font-style:normal; text-align:center; line-height:15px; padding: 6px 10px; } figure:hover figcaption, .wp-caption:hover .wp-caption-text, .wp-caption:hover .wp-caption-dd, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { line-height: inherit; font-weight: inherit; font-size: inherit; width:auto; margin:0; } /* 3. Form fields settings -------------------------------------------------------------- */ /* Common rules */ form { margin-bottom:0; } button, input, optgroup, select, textarea, textarea.wp-editor-area { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button { overflow: visible; } input[placeholder] { text-overflow:ellipsis; } input::-webkit-input-placeholder { text-overflow:ellipsis; } input::-moz-placeholder { text-overflow:ellipsis; } input:-ms-input-placeholder { text-overflow:ellipsis; } textarea, textarea.wp-editor-area, select, option, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /*input[type="number"]::-webkit-inner-spin-button,*/ input[type="number"]::-webkit-outer-spin-button { height: 50%; } input[type="number"], input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } /*input[type="search"]::-webkit-search-cancel-button,*/ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } button[disabled], html input[disabled] { cursor: default; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { outline: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area { -webkit-appearance: none; outline: none; resize: none; } /* Required fields */ label.required:after { content:'*'; display: none; vertical-align:text-top; font-size:80%; color:#da6f5b; } /* Field set */ fieldset { padding: 1em 1.5em; margin: 1.5em 0.2em; border: 1px solid #ddd; position:relative; } fieldset legend { position:absolute; top: -0.6em; left: 1.5em; background-color:#fff; font-weight:400; font-style:italic; padding: 0 0.2em; letter-spacing:0; } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .theme_button, .post_item .more-link, .gallery_preview_show .post_readmore, /* BB PRess */ #buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress a.button, #buddypress button, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, #buddypress div.activity-meta a, a.bp-title-button, /* Booked */ body #booked-profile-page input[type="submit"], body #booked-profile-page button, body .booked-list-view input[type="submit"], body .booked-list-view button, body table.booked-calendar input[type="submit"], body table.booked-calendar button, body .booked-modal input[type="submit"], body .booked-modal button, /* MailChimp */ .mc4wp-form .mc4wp-form-fields input[type="submit"], /* ThemeREX Addons*/ .sc_button, .sc_form button, .sc_price_link, .sc_action_item_link, /* Tribe Events */ #tribe-bar-form .tribe-bar-submit input[type="submit"], #tribe-bar-form button, #tribe-bar-form a, #tribe-bar-form input, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-cal-links a, .tribe-events-sub-nav li a, .tribe-events-read-more, /* WooCommerce buttons */ .woocommerce .button, .woocommerce-page .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button .woocommerce #respond input#submit, .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .woocommerce-message .button, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond p.form-submit input[type="submit"], .woocommerce-page #review_form #respond p.form-submit input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce table.cart td.actions .button, .yith-woocompare-widget a.clear-all { -webkit-appearance: none; cursor: pointer; display:inline-block; text-transform:none; white-space:nowrap; padding: 1.215em 3em; font-size:0.933rem; line-height:15px; font-weight:500; letter-spacing:0.02em; border-width: 0 !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .sc_button.sc_button_size_small, .theme_button.theme_button_small { padding:0.8em 1.6em; } /* Bordered button */ .sc_button.sc_button_bordered { border-width: 2px !important; padding: 1.3em 2.8em; } .sc_button.sc_button_bordered.sc_button_size_small { padding:0.6em 1.4em; } /* Simple button */ .sc_button_simple { font-style:italic; font-weight:400; font-size:1em; line-height:1.25em; letter-spacing:0; text-transform:none; border: none; padding: 0 1.8em 0 0; } .sc_button_simple:before, .sc_button_simple:after { content:'\e93a'; font-family:'fontello'; font-style:normal; } /* Buttons in widgets */ .widget.woocommerce .button, .widget.WOOCS_CONVERTER .button, .widget.yith-woocompare-widget a.button, .widget.yith-woocompare-widget a.clear-all { font-size:11px; line-height: 16px; padding:10px 16px; } .widget.woocommerce .button+.button { margin-left: 3px; } /* Text fields */ input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], select, textarea, textarea.wp-editor-area, /* BB Press*/ #buddypress div.dir-search input[type="search"], #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="search"], #buddypress li.groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea { padding: 1.18em 1.43em; border: 1px solid #ddd; box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.05 ); } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, input[type="search"]:hover, select:hover, textarea:hover, textarea.wp-editor-area:hover { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.08 ); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus, textarea.wp-editor-area:focus { box-shadow: 0px 1px 6px 0px rgba( 0, 0, 1, 0.16 ); } textarea, textarea.wp-editor-area { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:10em; } .widget input[type="text"], .widget input[type="number"], .widget input[type="email"], .widget input[type="tel"], .widget input[type="password"], .widget input[type="search"], .widget select, .widget textarea, .widget textarea.wp-editor-area { padding: 1em 1.2em; } /* Radio buttons and checkboxes */ input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { position:relative; padding-left:1.4em; line-height:1.5em; } input[type="radio"] + label:before, input[type="checkbox"] + label:before { content:' '; font-family:fontello; display:block; text-align:center; border: 1px solid #eee; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.5em; width:0.6em; height:0.6em; line-height:0.53em; } input[type="radio"] + label:before { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } input[type="checkbox"]:checked + label:before { content:'\e8ab'; } input[type="radio"]:checked + label:before { content:'\e83c'; } /* Select container (dropdown) */ select { text-overflow:ellipsis; } .select_container { width:100%; position:relative; } .select_container, .select_container:after, .select_container select { -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .select_container:before { content:' '; display:block; position:absolute; right:0; top:0; bottom: 0; width: 3em; z-index:1; pointer-events: none; cursor:pointer; } .select_container:after { content:'\e828'; font-family: 'fontello'; display:block; line-height:1em; width: 1em; height: 1em; text-align:center; position:absolute; right:1em; top:50%; margin-top:-0.5em; z-index:2; pointer-events: none; cursor:pointer; } .select_container select { background:none !important; border: none !important; width: 99% !important; /* use 100% if .select_container haven't border radius, else - only 99% */ padding:1.4em 1.4em; padding-right: 3em !important; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget .select_container select { padding-right: 2em !important; padding-top:0.75em; padding-bottom:0.75em; } .widget .select_container:before { width: 2em; } .widget .select_container:after { right: 0.5em; } /* Select2 - Advanced select with search */ .select2-container .select2-choice, .select2-container .select2-selection { height: auto; border: 2px solid #ddd; padding:1em 0 1em 1.4em; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-selection .select2-selection__arrow { top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .select2-drop-active { border: none; } .select2-results { border: 1px solid #ddd; } .select2-search { padding: 4px 0; } /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; margin:0 !important; padding:0 !important; display: none; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.8em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; } .alignright { display: inline-block; float: right; margin-left: 2em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; text-align:center; } figure.alignleft, figure.alignright { margin-top:0.5em; } figure.aligncenter { margin-bottom:1em; } /* Sticky posts */ .sticky_wrap { margin-bottom: 5em; } .sticky { position:relative; border: 2px solid #ddd; padding: 2em; } .sidebar_hide .sticky_wrap .sticky, .body_style_fullwide .sticky_wrap .sticky, .body_style_fullscreen .sticky_wrap .sticky { text-align:center; } .sticky .label_sticky { display:block; position:absolute; z-index:1; right: -14px; top: -14px; width: 0; height: 0; border: 12px solid transparent; border-top-color:#ddd; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .sticky_wrap .sticky .post_featured { display: inline-block; } .sticky_wrap .sticky .post_categories { margin-top: 1em; } .sticky_wrap .sticky .post_title { margin-top: 0.5em; margin-bottom:0; text-transform:uppercase; letter-spacing:1px; } /* Gallery */ .gallery { margin: 0 -5px; } .gallery-caption {display: block;} .bypostauthor {display: block;} .gallery .gallery-item { display: inline-block; vertical-align:top; margin-bottom:1em; overflow:hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 15px; margin: 0 5px; padding: 6px; font-size:11px; max-height: 42px; } .gallery .gallery-item:hover .gallery-caption { bottom: -200px; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:0.2em; } .post-password-form input[type="password"] { padding:1.2em; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row, .columns_wrap { margin-left: 0px; margin-right: -30px; } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between column's tags: Right: Wrong:
... ...
... ...
*/ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right: 30px; /* 15px; */ -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row.columns_padding_left, .columns_wrap.columns_padding_left, .vc_row.columns_padding_left { margin-left: -30px; margin-right: 0; } .vc_row.columns_padding_left .vc_column_container > .vc_column-inner, .row.columns_padding_left > [class*="column-"], .columns_wrap.columns_padding_left > [class*="column-"], .row > [class*="column-"].columns_padding_left, .columns_wrap > [class*="column-"].columns_padding_left { padding-left:30px; padding-right:0; } .vc_row.columns_padding_right, .row.columns_padding_right, .columns_wrap.columns_padding_right { margin-left: 0; margin-right: -30px; } .vc_row.columns_padding_right .vc_column_container > .vc_column-inner, .row.columns_padding_right > [class*="column-"], .columns_wrap.columns_padding_right > [class*="column-"], .row > [class*="column-"].columns_padding_right, .columns_wrap > [class*="column-"].columns_padding_right { padding-left:0; padding-right:30px; } .vc_row, .row.columns_padding_center, .columns_wrap.columns_padding_center { margin-left: -15px; margin-right: -15px; } .vc_column_container > .vc_column-inner, .row.columns_padding_center > [class*="column-"], .columns_wrap.columns_padding_center > [class*="column-"], .row > [class*="column-"].columns_padding_center, .columns_wrap > [class*="column-"].columns_padding_center { padding-left:15px; padding-right:15px; } .row.columns_padding_bottom > [class*="column-"], .columns_wrap.columns_padding_bottom > [class*="column-"], .row > [class*="column-"].columns_padding_bottom, .columns_wrap > [class*="column-"].columns_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margin .row, .sc_blogger.no_margin .columns_wrap, .row.no_margin, .columns_wrap.no_margin { margin-left: 0 !important; margin-right: 0 !important; } .sc_blogger.no_margin .row > [class*="column-"], .sc_blogger.no_margin .columns_wrap > [class*="column-"], .row.no_margin > [class*="column-"], .columns_wrap.no_margin > [class*="column-"] { padding: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .vertical-centered { overflow:hidden; } .vertical-centered:before { content:' '; height: 100%; width: 0; margin-left:-0.3em; } .vertical-centered:before, .vertical-centered > * { display: inline-block; vertical-align:middle; } .swoop_loading { background-image:url(images/preloader.gif); background-position:center; background-repeat:no-repeat; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap { min-height:100vh; overflow:hidden; /* To prevent the horizontal scroll bar appears */ } .header_position_over .page_wrap { position:relative; } .page_wrap, .content_wrap { margin:0 auto; } #page_preloader, .body_style_boxed { background-color:#f0f0f0; background-position:center top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body_style_boxed .page_wrap { width: 1370px; } .body_style_boxed .top_panel > .vc_row.sc_layouts_row_fixed_on { width: 1370px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .body_style_boxed .sc_layouts_row_type_normal { padding-right: 7em; padding-left: 7em; } .content_wrap, .content_container { width:1170px; margin:0 auto; } .content_wrap .content_wrap, .content_wrap .content_container, .content_container .content_wrap, .content_container .content_container { width:100%; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: 100%; padding-left:130px; padding-right:130px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page_content_wrap .content_wrap { position:relative; } /* Content and Sidebar */ body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content { width: 760px; } .sidebar { width: 370px; } .sidebar_hide .content { margin-left: auto; margin-right: auto; } .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content { float: right; } .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide .content, .body_style_fullscreen .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 410px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -370px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 410px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-370px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Boxed style for articles and sidebar */ .body_style_fullscreen .content > article.page { padding:0; } /* 7. Section's decorations =============================================================== */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel { position:relative; z-index:8000; /* Essential grid lightbox use 8010 */ background-position:center; background-repeat:no-repeat; background-size:cover; padding: 0.1px 0; margin-bottom:7.1rem; } .remove_margins .top_panel { margin-bottom:0 !important; } .top_panel.with_bg_image:before { content:' '; position:absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: block; } /* Background video in the header */ #background_video { position:absolute; z-index:-1 !important; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: cover; overflow:hidden; } div#background_video { position: absolute !important; } div#background_video:after { content: ' '; position:absolute; z-index:2; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.3); } div#background_video iframe, div#background_video video { position:absolute; z-index:1; left: 50% !important; top: 50% !important; max-width: none; -webkit-transform:translateX(-50%) translateY(-50%) !important; -ms-transform:translateX(-50%) translateY(-50%) !important; transform:translateX(-50%) translateY(-50%) !important; } #tubular-container { display:none; } .top_panel.with_bg_video { background: #000; } /* Header positions */ .header_position_over .top_panel { position:absolute; z-index:8000; /* old value = 2 */ left:0; top:0; width: 100%; background: none !important; } .header_position_over.admin-bar:not(.menu_style_side) .top_panel { top: 0; } .header_position_under .top_panel { position:relative; z-index:1; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header_position_under .top_panel_mask { display:none; position:absolute; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0; pointer-events: none; } .header_position_under .page_content_wrap { position:relative; z-index:3; } .header_position_under .footer_wrap { position:relative; z-index:2; } /* Default header layouts ---------------------------------------------- */ /* Add transition to the default header */ .top_panel_default .sc_layouts_row_fixed_on { -webkit-transition: padding .3s ease; -ms-transition: padding .3s ease; transition: padding .3s ease; } .top_panel_default .sc_layouts_row .sc_layouts_logo img { -webkit-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; } /* Main menu in the default header */ .top_panel_default .sc_layouts_menu_nav > li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; } .top_panel_default .sc_layouts_menu_nav li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; } /* Side menu ----------------------------------------------------------- */ body.menu_style_side { width: auto; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } body.menu_style_left { margin-left:6rem; } body.menu_style_right { margin-right:6rem; } .menu_style_side .body_wrap { position:relative; overflow: hidden; max-width:100%; } .menu_style_side .menu_side_wrap { position: fixed; width: 6rem; z-index: 20000; top:0; bottom: 0; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_left .menu_side_wrap { left: 0; } .menu_style_right .menu_side_wrap { right: 0; } .admin-bar .menu_side_wrap { top: 32px; } .menu_side_wrap .menu_side_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_side_wrap .sc_layouts_logo { display: block; padding:47% 10%; text-align:center; } .menu_side_wrap .logo_slogan { display:none; } .menu_side_wrap .menu_mobile_button { display:block; position:relative; left: 0; right: auto; top: 0; } .menu_side_wrap .menu_side_button { display: none; position: absolute; font-size: 16px; top: 50%; margin-top:-1.5em; width: 3em; height: 3em; line-height: 3em; overflow:hidden; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .menu_style_right .menu_side_wrap .menu_side_button { left: -1.5em; text-align:left; padding-left: 10px; -webkit-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; border-radius: 50% 0 0 50%; } .menu_style_left .menu_side_wrap .menu_side_button { right: -1.5em; text-align:right; padding-right: 10px; -webkit-border-radius: 0 50% 50% 0; -ms-border-radius: 0 50% 50% 0; border-radius: 0 50% 50% 0; } .menu_style_right .menu_side_wrap .menu_side_button:before { content: '\e92a'; } .menu_style_right .menu_side_wrap.opened .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap .menu_side_button:before { content: '\e92b'; } .menu_style_left .menu_side_wrap.opened .menu_side_button:before { content: '\e92a'; } /* Mobile menu ---------------------------------------- */ body.mobile_layout.menu_style_left { margin-left: 0; } body.mobile_layout.menu_style_right { margin-right: 0; } body.mobile_layout.menu_style_right .menu_side_wrap { right: -6rem; } body.mobile_layout.menu_style_left .menu_side_wrap { left: -6rem; } body.mobile_layout.menu_style_right .menu_side_wrap.opened {right: 0; } body.mobile_layout.menu_style_left .menu_side_wrap.opened { left: 0; } body.mobile_layout.menu_style_side .menu_side_wrap .menu_side_button { display:block; } body.mobile_layout.menu_style_left .menu_side_wrap .menu_side_button:hover { right: -2em; } body.mobile_layout.menu_style_right .menu_side_wrap .menu_side_button:hover { left: -2em; } .menu_mobile_close { display:block; width: 5em; height: 5em; cursor:pointer; position:absolute; right:0; top: 0; } .menu_mobile_close:before, .menu_mobile_close:after { content:' '; position:absolute; z-index:2; left:38%; top:50%; width: 25%; height: 0; margin-top:-1px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #fff; } .menu_mobile_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu_mobile_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu_mobile_overlay { display:none !important; position:fixed; z-index:100000; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); } .menu_mobile { position:fixed; z-index:100002; left:0; top:0; height: 0; width: 100%; -webkit-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .menu_mobile.opened { height:100%; } .menu_mobile_inner { position:absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; width: 100%; height: 100%; text-align:center; overflow:hidden; } .menu_mobile a { display:block; } .menu_mobile .sc_layouts_logo { text-align:center; margin: 4.4rem 0 0; } .menu_mobile .menu_mobile_nav_area { position:absolute; z-index: 1; left: 0; top: 48%; width: 100%; height: auto; max-height: 44%; padding-right:20px; /* Hide scrollbar */ overflow-y: scroll; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .menu_mobile .menu_mobile_nav_area ul { margin:0 auto; padding:0; list-style:none; width: auto; } .menu_mobile .menu_mobile_nav_area ul ul { margin: 0.6em 0 1.6em; display:none; } .menu_mobile .menu_mobile_nav_area li { margin-bottom:0; width:auto; } .menu_mobile .menu_mobile_nav_area li > a { font-size: 1.25em; line-height: 1.5em; padding:0.15em 2.5em 0.15em 0; text-transform:uppercase; letter-spacing:1px; position:relative; display: inline-block; width: 30rem; text-align:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_mobile .menu_mobile_nav_area > ul > li > a { font-size: 2em; line-height: 1.5em; } .menu_mobile .menu_mobile_nav_area > ul > li li > a { padding-left: 0em; } .menu_mobile .menu_mobile_nav_area > ul > li li li > a { padding-left: 1em; } .menu_mobile .menu_mobile_nav_area > ul > li li li li > a { padding-left: 2em; } .menu_mobile .menu_mobile_nav_area li:before { font-size: 1.25em; width: 1em; margin-right: 0.3em; } .menu_mobile .menu_mobile_nav_area > ul > li:before { font-size: 2em; } .menu_mobile .menu_mobile_nav_area .open_child_menu { position:absolute; z-index:1; right:0; top:0; display:block; width:1em; height:1em; line-height:1em; padding:0.25em; text-align:center; background-color: rgba(255,255,255,0.1); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .menu_mobile .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:0.7em; line-height:inherit; } .menu_mobile .menu_mobile_nav_area li li .open_child_menu { background-color:transparent; padding: 0.25em 0.8em; } .menu_mobile .menu_mobile_nav_area a:hover > .open_child_menu { background-color: rgba(255,255,255,0.2); } .menu_mobile .menu_mobile_nav_area .open_child_menu:before { font-family:'fontello'; content:'\e828'; } .menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu:before { content:'\e835'; } .menu_mobile .search_mobile { position:absolute; left: 50%; bottom: 8rem; width: 28rem; margin-left: -14rem; } .menu_mobile .search_mobile form { position:relative; } .menu_mobile .search_mobile .search_field { width:100%; padding: 1em 3em 1em 1.5em; } .menu_mobile .search_mobile .search_submit { position:absolute; left: auto; right:0; top:0; font-size:0.8667em; padding: 0.5em 1.8em; background-color:transparent; } .menu_mobile .socials_mobile { position:absolute; left: 0; bottom: 4rem; text-align:center; display:block; width: 100%; } .menu_mobile .social_item { display:inline-block; margin: 1em 1em 0 0; } .menu_mobile .social_item .social_icon { display:block; font-size:1em; width:1em; height: 1em; line-height:1em; text-align:center; } /* Menu mobile 'Narrow' */ .menu_mobile_narrow { width: 320px; margin-top:0; } .menu_style_left .menu_mobile_narrow { margin-left: -320px; } .menu_style_left .menu_mobile_narrow.opened { margin-left: 0; } .menu_style_right .menu_mobile_narrow { margin-right: -320px; left: auto; right: 0; } .menu_style_right .menu_mobile_narrow.opened { margin-right: 0; } .menu_mobile_narrow .menu_mobile_nav_area li > a { font-size: 1em; line-height: 1.5em; text-transform: none; letter-spacing:0px; width: 18rem; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a { font-size: 1.25em; line-height: 1.5em; } .menu_mobile_narrow .menu_mobile_nav_area > ul > li > a > .open_child_menu:before { font-size:1em; line-height:inherit; } .menu_mobile_narrow .menu_mobile_nav_area li li .open_child_menu { padding: 0.4em; } .menu_mobile_narrow .search_mobile { width: 18rem; margin-left: -9rem; } /* Menu mobile in mobile layout */ .mobile_device .menu_mobile .menu_mobile_nav_area, .mobile_layout .menu_mobile .menu_mobile_nav_area { position:relative; top: auto; max-height: none; margin: 4em 0 0; -webkit-transform:none; -ms-transform:none; transform:none; } .mobile_device .menu_mobile .search_mobile, .mobile_layout .menu_mobile .search_mobile { position:relative; bottom: auto; left: 0; margin: 3em auto 0; } .mobile_device .menu_mobile .socials_mobile, .mobile_layout .menu_mobile .socials_mobile { position: relative; bottom: auto; margin: 1em 0 1em; } /* Widgets in the Header ------------------------------------------------------------- */ .header_widgets_wrap { position:relative; z-index:2; } .header_widgets_wrap.header_fullwidth { overflow:hidden; } .header_widgets_wrap.header_fullwidth .widget { margin-bottom:0; } .sc_layouts_title_breadcrumbs:empty { display: none; } /* 7.2 Sliders -------------------------------------------------------------- */ /* Revolution slider */ .slider_wrap .rev_slider_wrapper { z-index:0; } /* 7.4 Post's parts -------------------------------------------------------------- */ /* Common styles */ .blog_archive { padding-bottom: 4em; } .post_item p { margin-bottom:0; } .post_item > .post_title { margin-top:0; } .post_item .more-link, .gallery_preview_show .post_readmore { margin-top: 2.5em; } /* Tabs (internal and Essential Grid) */ div.esg-filter-wrapper, div.swoop_tabs .swoop_tabs_titles { list-style-type:none; padding:0; text-align:center; letter-spacing:0; margin: -0.85em 0 3.2em; } div.esg-filter-wrapper{ margin-top: 1.1em; } div.esg-filter-wrapper .esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li { display: inline-block; margin: 0 0 3px; font-size: 12px; line-height:1.4em; font-weight:normal; text-transform:uppercase; padding: 0; border: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.esg-filter-wrapper .esg-filterbutton:hover, div.esg-filter-wrapper .esg-filterbutton.selected { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } div.esg-filter-wrapper .esg-filterbutton+.esg-filterbutton, div.swoop_tabs .swoop_tabs_titles li+li { margin-left:3px; } div.esg-filter-wrapper .esg-filterbutton > span, div.swoop_tabs .swoop_tabs_titles li a, div.swoop_tabs .swoop_tabs_titles li a.ui-tabs-anchor { display:block; float: none; padding: 0.5em 1.2em; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } div.swoop_tabs .swoop_tabs_content { padding: 0; } div.swoop_tabs .swoop_tab_content_remove { opacity: 0; } div.swoop_tabs .nav-links { margin-top:1em; } /* Post featured block */ .post_featured { overflow:hidden; position:relative; margin-bottom: 2.5em; } .post_featured_bg { background-position:center; background-size:cover; background-repeat:no-repeat; } .post_featured_bg:before { content: ' '; width: 0; height: 0; padding-top: 56.25%; display:inline-block; margin-left:-0.3em; } /* Uncomment this if you want to stretch images to the block's width .post_featured img { width:100%; height:auto; } */ .post_featured_right { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_meta .post_meta_item.post_edit > a:before, .post_meta .post_meta_item.post_edit > a:after, .post_meta .post_meta_item:after, .vc_inline-link:after { content: '\e83c'; font-family: fontello; display: inline; font-size: inherit; font-style: normal; font-weight: 400; vertical-align: baseline; } .post_meta .post_meta_item.post_edit:after, .post_meta .post_meta_item.post_edit > a:last-child:after, .post_meta .post_meta_item:last-child:after { display:none; } .post_meta .post_meta_item:after, .post_meta .post_meta_item.post_edit > a:after, .vc_inline-link:after { margin: 0 0.7em 0 0.9em; } .post_meta .post_meta_item { margin-left:0; } .post_meta .post_meta_item.post_counters_comments:before{ content: '\e942'; font-family: fontello; } .post_meta .post_meta_item.post_edit > a:before { content: '\e8bb'; font-family: 'fontello'; margin-right: 0.2em; } /* Socials share in the post meta */ .post_share .social_items { font-size:1em; } .socials_share.socials_type_drop .social_items { padding:0.8em 1em; } .post_share .social_items .social_item .social_icon i { font-style:normal; text-transform:capitalize; } .post_meta .socials_share { display:inline; vertical-align:baseline; } .post_meta_item .socials_share .social_items { bottom:auto; top: 2.5em; } .post_meta_item .socials_share .social_items:before { bottom: auto; top: -5px; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Audio */ .format-audio .post_featured { position:relative; max-height: 16em; width: 100%; } .single .format-audio .post_featured { max-height: none; } .format-audio .post_featured img { position:relative; } .format-audio .post_featured.with_thumb .mask { background-color: rgba(0,0,0,0.6); } .format-audio .post_featured .mask { opacity: 1; } .format-audio .post_featured .post_audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right: 0; text-transform: none; margin-top: 1px; margin-bottom: 1.3em; } .format-audio .post_featured .post_audio_title { font-size: 1.533rem; font-weight: 400; line-height: 1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; text-transform:none; } .format-audio .post_featured.with_thumb .post_audio_title { color: #ffffff; } .format-audio .post_featured .post_audio.with_iframe .post_audio_author, .format-audio .post_featured .post_audio.with_iframe .post_audio_title { display:none; } .format-audio .post_featured .mejs-container { height: 52px !important; background-color: rgba(256,256,256,0.07) !important; border-radius: 5px; } .format-audio .post_featured .mejs-container .mejs-controls { height: 42px !important; padding: 0 15px; box-sizing: border-box; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time { font-size: 13px !important; font-weight: 300; } .format-audio .post_featured .mejs-container .mejs-controls .mejs-time * { font-family: Ubuntu,sans-serif; } /* .post_featured.with_thumb > iframe, */ .format-audio .post_featured.with_thumb .post_audio { position: absolute; z-index:1000; bottom: 2em; left:6%; right: 6%; text-align:left; } .format-audio .post_featured.without_thumb .post_audio:not(.with_iframe) { padding: 2.6em 2.33em 3.1em; border: none; border-radius: 5px; } .format-audio .post_featured.with_thumb .mejs-container, .format-audio .post_featured > div .mejs-controls { background: none; } .format-audio .post_featured.with_thumb .mejs-controls, .format-audio .post_featured > div > .mejs-container { background:none; } .trx_addons_audio_player { padding: 2em 3em 1.75em; } .sidebar .trx_addons_audio_player, .footer_wrap .trx_addons_audio_player, .trx_addons_audio_player.with_cover { padding:1.5em 2.5em; } .trx_addons_audio_player.without_cover { border: none; background-color:transparent; } .trx_addons_audio_player .audio_author { font-size: 1.067em; font-weight: 300; font-style: normal; margin-left: 0; margin-right:0; text-transform:none; margin-top: 1px; margin-bottom: 0.9em; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_caption { font-size: 1em; font-weight:400; line-height:1.35em; letter-spacing:1px; text-transform:none; } .vc_row .trx_addons_audio_player .audio_caption { font-size: 1.8em; font-weight: 400; line-height:1.35em; letter-spacing: 0; margin: 0; font-family: Rubik, sans-serif; } .trx_addons_audio_player .audio_author + .audio_caption { margin:-0.6em 0 0.25em; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { font-size: 14px !important; font-weight: 300; } .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time span { font-family: Rubik, sans-serif; } .sidebar .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time, .footer_wrap .trx_addons_audio_player .mejs-container .mejs-controls .mejs-time { display:none; } /* Media elements */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ .mejs-container .mejs-controls .mejs-button { margin: 3px; overflow:hidden; position:relative; width: 24px; height: 24px; line-height:24px; text-align:center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button:hover { -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .mejs-container .mejs-controls .mejs-button button { display:block; margin:0; position:absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%; background: none !important; margin: 0 !important; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before { content: '\e8e1'; font-family:'fontello'; font-size: 2.3em; } .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before { content: '\e8e3'; font-family:'fontello'; font-size: 2em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before { content: '\e905'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before { content: '\e904'; font-family:'fontello'; font-size: 1.3em; } .mejs-container .mejs-controls .mejs-button.mejs-fullscreen-button:before { content: '\e918'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-button.mejs-unfullscreen:before { content: '\e856'; font-family:'fontello'; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 14px !important; border: none; font-size:10px; letter-spacing:0; top: -22px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 5px; } .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top: 13px; } .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-time-rail a, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current, .trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ height: 2px !important; } .trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before, .trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before{ background-color: rgba(256,256,256,0.3); } /* Video */ .format-video .post_featured.with_thumb { position:relative; } .format-video .post_featured.with_thumb .post_video { position: absolute; z-index:1; left:0; top:0; width:100%; height: 100%; opacity:0; overflow:hidden; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .format-video .post_featured.with_thumb .post_video:before { content:' '; display:inline-block; padding-top:55%; width:0; height:0; } .format-video .post_featured.with_thumb img { position:relative; z-index:2; } .format-video .post_featured.with_thumb .mask { z-index:3; background-color: rgba(0,0,0,0.5); opacity:0; } .format-video .post_featured.with_thumb:hover .mask { opacity:1; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { position: absolute; z-index:4; left: 50%; top: 50%; font-size:2em; width: 2em; height: 2em; line-height: 2em; text-align:center; cursor: pointer; overflow:hidden; background-color: rgba(0,0,0,0.5); border: none; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; margin-top: 2em; opacity: 0; } .trx_addons_video_player.with_cover .video_hover, .body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover, .post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover, .post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover { font-size: 1.2em; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; } .trx_addons_video_player.with_cover .video_hover, .format-video .post_featured.with_thumb .post_video_hover { color: #000; background-color: #fff; overflow: visible; } .trx_addons_video_player.with_cover .video_mask { background-color: rgba(21, 25, 29, 0.76); } .widget_video .trx_addons_video_player.with_cover .video_hover { font-size: 1.2em; } .sidebar .trx_addons_video_player.with_cover .video_hover, .footer_wrap .trx_addons_video_player.with_cover .video_hover { font-size: 1.8em; } .trx_addons_video_player.with_cover .video_hover:before, .format-video .post_featured.with_thumb .post_video_hover:before { content: '\e920'; font-family:'fontello'; } .trx_addons_video_player.with_cover .video_hover:after, .format-video .post_featured.with_thumb .post_video_hover:after { content: ''; display: block; width: 5rem; height: 5rem; top: 50%; left: 50%; border-radius: 50%; margin-top: -2.5rem; margin-left: -2.5rem; position: absolute; background-color: rgba(255, 255, 255, 0.07); } .mobile_layout .trx_addons_video_player.with_cover .video_hover, .mobile_layout .format-video .post_featured.with_thumb .post_video_hover, .format-video .post_featured.with_thumb:hover .post_video_hover { opacity: 1; margin-top: 0; } .format-video .post_featured.post_video_play .post_video { /*position:relative;*/ opacity:1; z-index:10; } .format-video .post_featured.post_video_play .mask { opacity: 1; background-color:#000; } .format-video .post_featured.post_video_play .post_video > * { position:absolute; z-index:1; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .format-video .post_featured.post_video_play .post_video_hover { display:none; } /* Aside, Link, Status, Quote */ .format-quote .post_content, .format-aside .post_content, .format-link .post_content, .format-status .post_content { padding: 0; text-align:left; } .format-aside .post_content_inner, .post_item_single.format-aside .post_content > p, .format-link .post_content_inner, .post_item_single.format-link .post_content > p, .format-status .post_content_inner, .post_item_single.format-status .post_content > p { font-size: 1.6667rem; line-height:1.4em; } .format-aside .post_content_inner { padding: 1em 1.3158em; } .format-quote .post_content p, .format-aside .post_content p, .format-link .post_content p, .format-status .post_content p { margin-bottom: 0; } .format-aside .post_content p+p, .format-link .post_content p+p, .format-status .post_content p+p { margin-top:1em; } .format-aside .post_content_inner:after { display:none; } .format-aside .post_content_inner + .post_meta, .format-link .post_content_inner + .post_meta, .format-status .post_content_inner + .post_meta { margin-top:1.6em; } /* Chat */ .format-chat p { margin-bottom:0; } .format-chat p > em, .format-chat p > b, .format-chat p > strong { display:inline-block; margin-top:1.7em; } .format-chat p:first-child > em, .format-chat p:first-child > b, .format-chat p:first-child > strong { margin-top:0; } /* 7.6 Blog layouts -------------------------------------------------------------- */ /* Excerpt */ .post_layout_excerpt { position:relative; margin-bottom:0; } .post_layout_excerpt + .post_layout_excerpt { margin-top: 5rem; } .post_layout_excerpt:not(.sticky) + .post_layout_excerpt:not(.sticky) { } .post_layout_excerpt.sticky { padding: 3em; } .post_layout_excerpt .post_featured { display: inline-block; } /*.post_layout_excerpt.post_format_audio .post_featured,*/ .post_layout_excerpt.post_format_gallery .post_featured.without_thumb { display:block; } .post_layout_excerpt .post_header { margin: 0 0 0.65em; position:relative; } .post_layout_excerpt .post_header .post_price { position: absolute; z-index:1; right: 0; top: 0; width: auto; } .post_layout_excerpt .post_title { margin: 0; } .post_layout_excerpt .post_meta { margin-top: 1.2rem; } .post_layout_excerpt .post_content { margin-top: 1.1rem; font-family: Lora; } .post_layout_excerpt .post_meta .post_meta_item:after{ content: ''; } .post_layout_excerpt.format-quote .post_content, .post_layout_excerpt.format-aside .post_content { margin-top:1.6em; } .post_layout_excerpt .more-link { margin-top: 1.6rem; font-size: 0.933rem; font-weight: 500; letter-spacing: 0.02em; padding: 0; } .post_featured_wrap { position: relative; margin-bottom: 2.5em; overflow: hidden; } .post_featured_wrap .post_featured{ margin-bottom: 0em; display: table; } .post_featured_wrap .post_category { position: absolute; left: 25px; bottom: 25px; z-index: 200; } .post_featured_wrap .post_category a { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 3px; margin-right: 5px; } /* Masonry and Classic */ .post_layout_classic { position:relative; margin-bottom:4rem; } .post_layout_classic .post_featured img { width: 100%; } .post_layout_classic .post_header { padding-top:0.1px; } .post_layout_classic .post_title { margin: 0; } .post_layout_classic .post_title+.post_meta { margin-top:0.5em; } .post_layout_classic blockquote { margin-left:0; margin-right:0; } .post_layout_classic .post_header + .post_content { padding-top: 1em; } .body_style_fullwide .post_layout_classic .post_header, .body_style_fullwide .post_layout_classic .post_content { max-width:75%; margin-left:auto; margin-right:auto; } .post_layout_classic.format-aside .post_content_inner + .post_