/*
Theme Name: 건우애듀 복지 사이트
Author: Hwpp2005@gmail.com
Version: 1.007
*/
@font-face {
font-family: 'Nanum Barun Gothic';
font-style: normal;
font-weight: 400;
src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
src: url(./asset/fonts/NanumBarunGothic.eot);
src: url(./asset/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
url(./asset/fonts/NanumBarunGothic.woff) format('woff'),
url(./asset/fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
font-family: 'Nanum Barun Gothic';
font-style: normal;
font-weight: 700;
src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
src: url(./asset/fonts/NanumBarunGothicBold.eot);
src: url(./asset/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
url(./asset/fonts/NanumBarunGothicBold.woff) format('woff'),
url(./asset/fonts/NanumBarunGothicBold.ttf) format('truetype');
}
body, h1, h2, h3, h4, h5, h6, li, p, #nav ul li a, #topbar, input, button, select, textarea, a, .wf-container > *, .widget-title, .dwqa-container, #wpmem_reg, #wpmem_login {
font-family: 'Apple SD Gothic Neo','Nanum Barun Gothic',sans-serif !important;
}
html { line-height: 1.15;-webkit-text-size-adjust: 100%; margin: 0 !important;}
body { margin: 0; padding-top: 83px;}
@media (min-width:768px) {
body { margin: 0; padding-top: 140px;}
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
/******************
z-index
******************/
.modal { z-index:1100; }
#header { z-index:400; }
#nav-toggle { z-index:400; }
#loginWrapper { z-index:400; }
#Content { z-index:1; }
footer { z-index:300; }
hr { box-sizing: content-box;height: 0;overflow: visible;}
pre {font-size: 1em;}
a { background-color: transparent;}
abbr[title] { border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,
strong {
font-weight: bolder;}
code,
kbd,
samp {
font-size: 1em;}
small {
font-size: 80%;}
sub,
sup {
font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {
bottom: -0.25em;}
sup {
top: -0.5em;}
img {
border-style: none;}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;line-height: 1.15;margin: 0;}
button,
input {
overflow: visible;}
button,
select {
text-transform: none;}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;}
fieldset {
padding: 0.35em 0.75em 0.625em;}
legend {
box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;/* 3 */
white-space: normal;}
progress { vertical-align: baseline;}
textarea { overflow: auto;}
[type="checkbox"],
[type="radio"] { box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto;}
[type="search"] { -webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
::-webkit-file-upload-button { -webkit-appearance: button;font: inherit;}
details { display: block;}
summary { display: list-item;}
template { display: none;}
[hidden] { display: none;}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea { color: #404040; font-size: 16px;line-height: 1.5;}
h1, h2, h3, h4, h5, h6 { clear: both;}
h1{ font-size:24pt }
h2{ font-size:18pt }
h3{ font-size:14pt }
h4{ font-size:12pt }
h5{ font-size:11pt }
h6{ font-size:10pt }
p { margin: 0 0 25px;}
dfn, cite, em, i { font-style: italic;}
blockquote { margin: 0 1.5em;}
address { margin: 0 0 1.5em;}
pre { background: #eee; font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code, kbd, tt, var { font-size: 15px;font-size: 0.9375rem;}
abbr, acronym { border-bottom: 1px dotted #666;cursor: help;}
mark, ins { background: #fff9c0;text-decoration: none;}
big { font-size: 125%;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box;}
*,
*:before,
*:after { box-sizing: inherit;}
body { background: #fff;}
hr { background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul, ol { margin: 0 0 1.5em 3em;}
ul { list-style: disc;}
ol { list-style: decimal;}
li > ul,
li > ol { margin-bottom: 0;margin-left: 1.5em;}
dt { font-weight: bold;}
dd { margin: 0 1.5em 1.5em;}
img { height: auto; max-width: 100%;}
figure { margin: 1em 0;}
table { margin: 0 0 1.5em;width: 100%;}
.heading-prop-1 h1 {font-size: 2em;margin: 0 0 0.67em;}
.heading-prop-1 h2 {font-size: 1.5em;}
.heading-prop-1 h3 {font-size: 1.17em;}
.heading-prop-1 h4 {font-size: 1em;}
.heading-prop-1 h5 {font-size: 0.83em;}
.heading-prop-1 h6 {font-size: 0.67em;}
.heading-prop-2 h1 {font-size: 2.4em;}
.heading-prop-2 h2 {font-size: 2.1em;}
.heading-prop-2 h3 {font-size: 1.9em;}
.heading-prop-2 h4 {font-size: 1.4em;}
.heading-prop-2 h5 {font-size: 1.1em;}
.heading-prop-2 h6 {font-size: 0.9em;}
.heading-prop-3 h1 {font-size: 3em;}
.heading-prop-3 h2 {font-size: 2.7em;}
.heading-prop-3 h3 {font-size: 2.2em;}
.heading-prop-3 h4 {font-size: 1.8em;}
.heading-prop-3 h5 {font-size: 1.4em;}
.heading-prop-3 h6 {font-size: 1em;}
.heading-prop-4 h1 {font-size: 3.8em;}
.heading-prop-4 h2 {font-size: 3.3em;}
.heading-prop-4 h3 {font-size: 2.7em;}
.heading-prop-4 h4 {font-size: 2.1em;}
.heading-prop-4 h5 {font-size: 1.8em;}
.heading-prop-4 h6 {font-size: 1.4em;}
h1, h2, h3 {margin: 0 0 0.67em;}
h4 { margin: 0 0 0.87em;}
h5, h6 {margin: 0 0 1.4em;}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 2px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.06);margin: 0;padding: 5px 10px;}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
border: 1px solid rgba(0, 0, 0, 0.25);border-radius: 3px;padding: 8px 10px 9px; font-size: 0.9em;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {border: 1px solid rgba(0, 0, 0, 0.55);}
select {border: 1px solid rgba(0, 0, 0, 0.25);border-radius: 3px;padding: 8px 10px 9px; font-size: 0.9em;}
textarea {width: 100%;min-height: 150px;}
#comments .comment-form input.submit { display: inline-block;vertical-align: middle;background-color: rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 2px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.06);padding: 10px 25px 12px;margin: 15px 0 0;font-size: 0.9em;font-weight: inherit;color: inherit;}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: #7999c1;text-decoration: none;}
/* a:visited {
color: #475fe4;} */
a:hover, a:focus, a:active {color: #4373b0;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}
/*--------------------------------------------------------------
## Main Navigation
--------------------------------------------------------------*/
.main-navigation { display: block;}
.main-navigation ul { list-style: none;margin: 0;padding: 0;}
.main-navigation ul ul { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);float: left;position: absolute;top: 100%;left: -999em;z-index: 99;}
.main-navigation ul ul ul { left: -999em;top: 0;}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul { left: 100%;}
.main-navigation ul ul a { min-width: 200px;white-space: nowrap;text-align: left;}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul { left: auto;}
.main-navigation li { float: left;position: relative;}
.main-navigation a { display: block;text-decoration: none;padding: 12px 18px;color: inherit;}
.main-navigation.overlay-nav-block a { padding: 12px 7px;}
.main-navigation.overlay-nav-block ul ul a { padding: 12px 18px;}
.menu-dropdown-btn { display: none;}
.main-navigation.main-nav-full-width ul#overlay-main-menu,
.main-navigation.main-nav-full-width #overlay-main-menu > ul,
.main-navigation.main-nav-center {
display: flex;}
.main-navigation.main-nav-center.main-nav-full-width {
display: block;}
.main-navigation.main-nav-full-width ul#overlay-main-menu li,
.main-navigation.main-nav-full-width #overlay-main-menu > ul > li {
float: none;flex-grow: 1;}
/* Small menu. */
.menu-toggle {
box-shadow: none;font-size: 16px;}
.menu-toggle,
.main-navigation.toggled ul,
.main-menu-close {
display: none;}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;width: 50%;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;text-align: right;width: 50%;}
/* ---- Menu Switch Class ---- */
.main-navigation .nav-switch ul {
left: auto;right: -999em;}
.main-navigation li.nav-switch:hover > ul,
.main-navigation li.nav-switch.focus > ul {
left: auto;right: 0;display: block;}
.main-navigation li.nav-switch ul li:hover > ul,
.main-navigation li.nav-switch ul li.focus > ul {
left: auto;right: 100%;display: block;}
.main-navigation li.nav-sub-switch:hover > ul,
.main-navigation li.nav-sub-switch.focus > ul {
left: auto;right: 100%;display: block;}
.main-navigation li.nav-sub-switch-all:hover > ul,
.main-navigation li.nav-sub-switch-all.focus > ul,
.main-navigation li.nav-sub-switch-all ul li:hover > ul,
.main-navigation li.nav-sub-switch-all ul li.focus > ul {
left: auto;right: 100%;display: block;}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 13px;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;float: left;margin-right: 1.5em;}
.alignright {
display: inline;float: right;margin-left: 1.5em;}
.aligncenter {
clear: both;display: block;margin-left: auto;margin-right: auto;}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";display: table;table-layout: fixed;}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-bar:after,
.site-header:after,
.main-navigation ul:after,
.site-content:after,
.site-footer:after {
display: block;content: '';clear: both;}
/*--------------------------------------------------------------
# Widget Area
--------------------------------------------------------------*/
.widget-area .widget-title {
font-size: 20px;margin: 0 0 10px;padding: 0;color: #404040;}
.widget-area .widget {
margin: 0 0 50px;}
.widget-area .widget:last-child {
margin: 0;}
.widget-area .widget ul {
margin: 0;padding: 0;}
.widget-area .widget ul li {
margin: 0 0 2px;padding: 0;list-style-type: none;}
.widget-area .widget ul ul {
padding: 0 0 0 15px;margin: 0 0 5px;}
.widget select {
max-width: 100%;}
/* ---- Sticky Widget Area ---- */
body.enable-sticky-widgets .widget-area.widget-area-sticky {
position: relative;align-self: stretch;}
body.enable-sticky-widgets .sticky-widget-area.stuck {
background-color: #FFF;position: fixed;top: 20px;z-index: 15;}
body.enable-sticky-widgets.admin-bar .sticky-widget-area.stuck {
top: 52px;}
body.enable-sticky-widgets .sticky-surpassed {
position: absolute !important;bottom: 0 !important;}
/* ---- Floating Sidebar Control ---- */
.floating-sidebar-control {
display: none;}
.floating-sidebar-control {
position: absolute;top: 2px;background-color: #CCC;box-shadow: none;color: #FFF;padding: 10px 12px;outline: none;cursor: pointer;}
.floating-sidebar-control::before {
display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f067";}
body.page-template-floating-right-sidebar .floating-sidebar-control,
body.page-template-floating-left-sidebar .floating-sidebar-control,
body.page-template-default.overlay-page-frs .floating-sidebar-control,
body.page-template-default.overlay-page-fls .floating-sidebar-control,
body.blog.overlay-blog-frs .floating-sidebar-control,
body.blog.overlay-blog-fls .floating-sidebar-control,
body.archive.overlay-blog-frs .floating-sidebar-control,
body.archive.overlay-blog-fls .floating-sidebar-control,
body.search-results.overlay-blog-search-frs .floating-sidebar-control,
body.search-results.overlay-blog-search-fls .floating-sidebar-control,
body.single-post.overlay-blog-post-frs .floating-sidebar-control,
body.single-post.overlay-blog-post-fls .floating-sidebar-control {
display: block;}
body.page-template-floating-right-sidebar .floating-sidebar-control,
body.page-template-default.overlay-page-frs .floating-sidebar-control,
body.blog.overlay-blog-frs .floating-sidebar-control,
body.archive.overlay-blog-frs .floating-sidebar-control,
body.search-results.overlay-blog-search-frs .floating-sidebar-control,
body.single-post.overlay-blog-post-frs .floating-sidebar-control {
left: -38px;border-radius: 3px 0 0 3px;}
body.page-template-floating-left-sidebar .floating-sidebar-control,
body.page-template-default.overlay-page-fls .floating-sidebar-control,
body.blog.overlay-blog-fls .floating-sidebar-control,
body.archive.overlay-blog-fls .floating-sidebar-control,
body.search-results.overlay-blog-search-fls .floating-sidebar-control,
body.single-post.overlay-blog-post-fls .floating-sidebar-control {
right: -38px;border-radius: 0 3px 3px 0;}
body.show-floating-sidebar .floating-sidebar-control::before,
body.show-floating-sidebar .floating-sidebar-control::before {
content: "\f068";}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/* ---- Site Globals ---- */
.overlay-menu-rightside #page {
position: relative;right: 0;-webkit-transition: right 0.4s ease 0.2s;-moz-transition: right 0.4s ease 0.2s;-ms-transition: right 0.4s ease 0.2s;-o-transition: right 0.4s ease 0.2s;transition: right 0.4s ease 0.2s;}
.overlay-menu-leftside #page {
position: relative;left: 0;-webkit-transition: left 0.4s ease 0.2s;-moz-transition: left 0.4s ease 0.2s;-ms-transition: left 0.4s ease 0.2s;-o-transition: left 0.4s ease 0.2s;transition: left 0.4s ease 0.2s;}
.site-boxed {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);max-width: 1200px;margin: 0 auto;}
.site-container {
max-width: 1200px;margin: 0 auto;padding: 0 20px;}
/* ---- Site Top Bar ---- */
.site-header .site-bar {
font-size: 13px;}
.site-bar .site-container {
position: relative;}
.site-bar a {
color: inherit;}
.site-bar-inner {
padding: 5px 0;display: flex;align-items: center;position: relative;z-index: 5;}
.site-bar-left {
flex: 1;display: flex;align-items: center;}
.site-bar-right {
justify-content: flex-end;flex: 1;display: flex;align-items: center;}
.site-bar-text i {
margin: 0 2px 0 0;}
.site-topbar-switch .site-bar-left,
.site-bottombar-switch .site-bar-left {
order: 2;justify-content: flex-end;}
.site-topbar-switch .site-bar-right,
.site-bottombar-switch .site-bar-right {
order: 1;justify-content: flex-start;}
.site-bar .social-icon {
font-size: 20px;padding: 2px;display: inline-block;vertical-align: middle;}
/* ---- Site Top Menu ---- */
.menu-top-bar-menu-container {
display: inline-block;}
#overlay-topbar-menu,
#overlay-bottombar-menu {
margin: 0;padding: 0;}
#overlay-topbar-menu li,
#overlay-bottombar-menu li {
display: inline-block;margin: 0;padding: 0;list-style-type: none;}
#overlay-topbar-menu li a,
#overlay-bottombar-menu li a {
display: block;padding: 3px 4px;}
.site-footer #overlay-topbar-menu li a,
.site-footer #overlay-bottombar-menu li a {
padding: 0 4px;}
/* ---- Site Header ---- */
.site-header-inner {
padding: 5px 0;}
.site-title {
margin: 0;padding: 0;}
.site-description {
margin: 0;padding: 0;}
.site-logo-align {
display: inline-block;}
.site-logo-align-inner {
display: flex;align-items: center;}
.align-items-top .site-logo-align-inner {
align-items: flex-start;}
.align-items-middle .site-logo-align-inner {
align-items: center;}
.align-items-bottom .site-logo-align-inner {
align-items: flex-end;}
.site-branding .site-logo-align img {
display: block;margin: 0 0 -6px;}
/* ---- Site Search ---- */
button.header-search {
background: none;box-shadow: none;border: 0;margin: 0;padding: 5px;font-size: inherit;cursor: pointer;}
.overlay-topbar-one button.header-search,
.overlay-topbar-two button.header-search {
font-size: 15px;}
.overlay-search-slide .header-search-block {
border: 1px solid rgba(0, 0, 0, 0.12);border-top: 0;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);position: absolute;bottom: 100px;right: 25px;padding: 12px;z-index: 3;width: 300px;-webkit-transition: bottom 0.3s ease 0s;-moz-transition: bottom 0.3s ease 0s;-ms-transition: bottom 0.3s ease 0s;-o-transition: bottom 0.3s ease 0s;transition: bottom 0.3s ease 0s;}
.overlay-search-fade .header-search-block {
border: 1px solid rgba(0, 0, 0, 0.12);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);position: absolute;top: -100px;right: 25px;width: 240px;padding: 12px;opacity: 0;-webkit-transition: opacity 0.3s ease 0.2s;-moz-transition: opacity 0.3s ease 0.2s;-ms-transition: opacity 0.3s ease 0.2s;-o-transition: opacity 0.3s ease 0.2s;transition: opacity 0.3s ease 0.2s;}
.overlay-search-always .header-search-block {
margin: 0 0 0 12px;width: 160px;}
.overlay-search-full .header-search-block,
.overlay-search-full-txt .header-search-block {
border-radius: 5px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);position: fixed;top: -400px;left: 20%;width: 60%;padding: 25px;opacity: 0;z-index: 999;-webkit-transition: opacity 0.3s ease 0.2s;-moz-transition: opacity 0.3s ease 0.2s;-ms-transition: opacity 0.3s ease 0.2s;-o-transition: opacity 0.3s ease 0.2s;transition: opacity 0.3s ease 0.2s;}
.overlay-search-full-txt .header-search-block {
background: none !important;box-shadow: none;}
.header-search-overlay {
background-color: rgba(0, 0, 0, 0.6);position: fixed;width: 1px;height: 1px;top: 0;right: 0;z-index: 998;opacity: 0;-webkit-transition: opacity 0.3s ease 0.2s;-moz-transition: opacity 0.3s ease 0.2s;-ms-transition: opacity 0.3s ease 0.2s;-o-transition: opacity 0.3s ease 0.2s;transition: opacity 0.3s ease 0.2s;}
.header-search-block .search-field {
font-size: 13px;margin: 0;padding: 5px 8px;border: 1px solid rgba(0, 0, 0, 0.18);border-radius: 0;background-color: #FFF;width: 100%;font-weight: 200;outline: none;color: inherit;box-sizing: border-box;}
.overlay-search-full .header-search-block .search-field {
border-radius: 4px;font-size: 18px;padding: 10px 15px;}
.overlay-search-full-txt .header-search-block .search-field {
border: 0;background: none;color: #FFF;font-size: 5em;}
.overlay-search-full-txt .header-search-block .search-field::placeholder {
color: rgba(255, 255, 255, 0.75);}
.header-search-block .search-submit {
display: none;}
.show-site-search .overlay-search-slide .header-search-block {
bottom: -57px;}
.show-site-search .overlay-search-fade .header-search-block {
top: 80px;opacity: 1;}
.show-site-search .overlay-search-full .header-search-block {
top: 100px;opacity: 1;}
.show-site-search .overlay-search-full-txt .header-search-block {
top: 60px;opacity: 1;}
.show-site-search .header-search-overlay {
display: block;width: 100%;height: 100%;opacity: 1;}
.site-bar-inner.site-bottombar-centerall,
.site-bottombar-centerall .site-bar-left,
.site-bottombar-centerall .site-bar-right {
display: block;}
.site-bottombar-centerall .site-bar-left > *,
.site-bottombar-centerall .site-bar-right > * {
display: inline-block;margin: 0 6px;}
.site-bar-center {
flex: 1;}
.site-bar-center .social-icon {
margin: 0 6px;}
.overlay-bottombar-one.site-bottombar-switch .site-bar-left {
order: 1;justify-content: initial;}
.overlay-bottombar-one.site-bottombar-switch .site-bar-center {
order: 2;}
.overlay-bottombar-one.site-bottombar-switch .site-bar-right {
order: 3;justify-content: flex-end;}
/* ---- Top Bar Spacing / RTL ---- */
.site-bar-left > a,
.site-bar-left > ul,
.site-bar-left > span,
.site-bar-left > div,
.site-bar-left > button,
.site-topbar-switch .site-bar-right > a,
.site-topbar-switch .site-bar-right > ul,
.site-topbar-switch .site-bar-right > span,
.site-topbar-switch .site-bar-right > div,
.site-topbar-switch .site-bar-right > button,
.site-bottombar-switch .site-bar-right > a,
.site-bottombar-switch .site-bar-right > ul,
.site-bottombar-switch .site-bar-right > span,
.site-bottombar-switch .site-bar-right > div,
.site-bottombar-switch .site-bar-right > button {
margin: 0 12px 0 0;}
.site-bar-right > a,
.site-bar-right > ul,
.site-bar-right > span,
.site-bar-right > div,
.site-bar-right > button,
.site-topbar-switch .site-bar-left > a,
.site-topbar-switch .site-bar-left > ul,
.site-topbar-switch .site-bar-left > span,
.site-topbar-switch .site-bar-left > div,
.site-topbar-switch .site-bar-left > button,
.site-bottombar-switch .site-bar-left > a,
.site-bottombar-switch .site-bar-left > ul,
.site-bottombar-switch .site-bar-left > span,
.site-bottombar-switch .site-bar-left > div,
.site-bottombar-switch .site-bar-left > button {
margin: 0 0 0 12px;}
.site-bar-left .no-margin {
margin: 0;}
/* ---- Site Content Elements - Content Area / Widget Area ---- */
.site-container.site-content {
padding-top: 40px;padding-bottom: 40px;}
.site-container.site-content .site-content-inner {
display: flex;/* align-items: flex-start;*/
}
.overlay-site-full-width-blocked.overlay-break-content .site-container.site-content .site-content-inner {
align-items: flex-start;}
/* ---- Custom Header ---- */
.custom-header-wrap {
background-color: #f2f2f2;}
.custom-header-wrap iframe,
.custom-header-wrap img,
.custom-header-wrap video {
display: block;height: auto;max-width: 100%;width: 100%;}
/* ---------------- Templates ---------------- */
/* ---- Default ---- */
.content-area {
width: 75%;}
.widget-area {
width: 25%;}
body.page-template-right-sidebar.overlay-break-content .content-area,
body.page-template-default.overlay-site-full-width-blocked.overlay-break-content.overlay-page-rs .content-area,
body.overlay-site-full-width-blocked.overlay-break-content.overlay-blog-rs .content-area,
body.overlay-site-full-width-blocked.overlay-break-content.overlay-blog-post-rs .content-area,
body.overlay-site-full-width-blocked.overlay-break-content.overlay-blog-search-rs .content-area {
width: 72%;margin: 0 3% 0 0;}
body.page-template-left-sidebar.overlay-break-content .content-area,
body.page-template-default.overlay-site-full-width-blocked.overlay-break-content.overlay-page-ls .content-area,
body.overlay-site-full-width-blocked.overlay-break-content.overlay-blog-ls .content-area,
body.overlay-site-full-width-blocked.overlay-break-content.overlay-blog-post-ls .content-area,
body.overlay-site-full-width-blocked.overlay-break-content.overlay-blog-search-ls .content-area {
width: 72%;margin: 0 0 0 3%;}
/* ---- Left Sidebar ---- */
body.page-template-left-sidebar .content-area,
body.page-template-default.overlay-page-ls .content-area,
body.overlay-blog-ls .content-area,
body.overlay-blog-post-ls .content-area,
body.overlay-blog-search-ls .content-area {
order: 2;}
body.page-template-left-sidebar .widget-area,
body.page-template-default.overlay-page-ls .widget-area,
body.overlay-blog-ls .widget-area,
body.overlay-blog-post-ls .widget-area,
body.overlay-blog-search-ls .widget-area {
order: 1;}
/* ---- Full Width ---- */
.content-area-full,
body.page-template-full-width .content-area,
body.page-template-floating-right-sidebar .content-area,
body.page-template-floating-left-sidebar .content-area {
width: 100% !important;margin: 0;}
/* ---- Floating Right Sidebar ---- */
body.page-template-floating-right-sidebar .widget-area,
body.page-template-default.overlay-page-frs .widget-area,
body.blog.overlay-blog-frs .widget-area,
body.archive.overlay-blog-frs .widget-area,
body.search-results.overlay-blog-search-frs .widget-area,
body.single-post.overlay-blog-post-frs .widget-area {
position: fixed;width: 320px;top: 100px;right: -320px;z-index: 9;-webkit-transition: right 0.4s ease 0.14s;-moz-transition: right 0.4s ease 0.14s;-ms-transition: right 0.4s ease 0.14s;-o-transition: right 0.4s ease 0.14s;transition: right 0.4s ease 0.14s;}
/* ---- Floating Left Sidebar ---- */
body.page-template-floating-left-sidebar .widget-area,
body.page-template-default.overlay-page-fls .widget-area,
body.blog.overlay-blog-fls .widget-area,
body.archive.overlay-blog-fls .widget-area,
body.search-results.overlay-blog-search-fls .widget-area,
body.single-post.overlay-blog-post-fls .widget-area {
position: fixed;width: 320px;top: 100px;left: -320px;z-index: 9;-webkit-transition: left 0.4s ease 0.14s;-moz-transition: left 0.4s ease 0.14s;-ms-transition: left 0.4s ease 0.14s;-o-transition: left 0.4s ease 0.14s;transition: left 0.4s ease 0.14s;}
body.page-template-floating-right-sidebar.show-floating-sidebar .site-content-inner .widget-area,
body.page-template-default.overlay-page-frs.show-floating-sidebar .site-content-inner .widget-area,
body.blog.overlay-blog-frs.show-floating-sidebar .site-content-inner .widget-area,
body.archive.overlay-blog-frs.show-floating-sidebar .site-content-inner .widget-area,
body.search-results.overlay-blog-search-frs.show-floating-sidebar .site-content-inner .widget-area,
body.single-post.overlay-blog-post-frs.show-floating-sidebar .site-content-inner .widget-area {
right: 0;}
body.page-template-floating-left-sidebar.show-floating-sidebar .site-content-inner .widget-area,
body.page-template-default.overlay-page-fls.show-floating-sidebar .site-content-inner .widget-area,
body.blog.overlay-blog-fls.show-floating-sidebar .site-content-inner .widget-area,
body.archive.overlay-blog-fls.show-floating-sidebar .site-content-inner .widget-area,
body.search-results.overlay-blog-search-fls.show-floating-sidebar .site-content-inner .widget-area,
body.single-post.overlay-blog-post-fls.show-floating-sidebar .site-content-inner .widget-area {
left: 0;}
/* ---------------- Padding ---------------- */
/* ---- Default ---- */
body.page-template-default.overlay-page-rs .content-area,
body.blog.overlay-blog-rs .content-area,
body.single.overlay-blog-post-rs .content-area,
body.archive.overlay-blog-rs .content-area,
body.search-results.overlay-blog-search-rs .content-area,
body.overlay-site-boxed .content-area,
body.overlay-site-full-width .content-area,
body.page-template-right-sidebar.overlay-site-full-width-blocked.overlay-joined-content .content-area {
padding-right: 25px;}
body.page-template-default.overlay-page-rs .widget-area,
body.blog.overlay-blog-rs .widget-area,
body.single.overlay-blog-post-rs .widget-area,
body.archive.overlay-blog-rs .widget-area,
body.search-results.overlay-blog-search-rs .widget-area,
body.overlay-site-boxed .widget-area,
body.overlay-site-full-width .widget-area,
body.page-template-right-sidebar.overlay-site-full-width-blocked.overlay-joined-content .widget-area {
padding-left: 25px;}
/* ---- Left Sidebar ---- */
body.page-template-default.overlay-page-ls .content-area,
body.blog.overlay-blog-ls .content-area,
body.single.overlay-blog-post-ls .content-area,
body.archive.overlay-blog-ls .content-area,
body.search-results.overlay-blog-search-ls .content-area,
body.page-template-left-sidebar .content-area,
body.overlay-blog-ls .content-area,
body.search-results.overlay-blog-search-ls .content-area,
body.overlay-blog-post-ls .content-area,
body.overlay-site-full-width-blocked.overlay-joined-content.overlay-page-ls .content-area {
padding-right: 0;padding-left: 25px;}
body.page-template-default.overlay-page-ls .widget-area,
body.blog.overlay-blog-ls .widget-area,
body.single.overlay-blog-post-ls .widget-area,
body.archive.overlay-blog-ls .widget-area,
body.search-results.overlay-blog-search-ls .widget-area,
body.page-template-left-sidebar .widget-area,
body.overlay-blog-ls .widget-area,
body.search-results.overlay-blog-search-ls .widget-area,
body.overlay-blog-post-ls .widget-area,
body.overlay-site-full-width-blocked.overlay-joined-content.overlay-page-ls .widget-area {
padding-left: 0;padding-right: 25px;}
/* ---- All Round Padding ---- */
body.page-template-floating-left-sidebar .widget-area,
body.page-template-floating-right-sidebar .widget-area,
body.page-template-default.overlay-page-frs .widget-area,
body.page-template-default.overlay-page-fls .widget-area,
body.blog.overlay-blog-frs .widget-area,
body.blog.overlay-blog-fls .widget-area,
body.single-post.overlay-blog-post-frs .widget-area,
body.single-post.overlay-blog-post-fls .widget-area,
body.archive.overlay-blog-frs .widget-area,
body.archive.overlay-blog-fls .widget-area,
body.search-results.overlay-blog-search-frs .widget-area,
body.search-results.overlay-blog-search-fls .widget-area,
body.overlay-site-full-width-blocked.overlay-joined-content .site-content-inner,
body.overlay-site-full-width-blocked.overlay-break-content .content-area,
body.overlay-site-full-width-blocked.overlay-break-content .widget-area,
body.overlay-site-full-width-blocked.overlay-break-content .widget-area.widgets-apart .widget,
body.overlay-site-full-width-blocked.overlay-joined-content.break-blog-blocks .site-content-inner .overlay-blog-left .post-inner .post-content,
body.overlay-site-full-width-blocked.overlay-joined-content.break-blog-blocks .site-content-inner .overlay-blog-right .post-inner .post-content,
body.overlay-site-full-width-blocked.overlay-joined-content.break-blog-blocks .site-content-inner .overlay-blog-alt .post-inner .post-content,
body.overlay-site-full-width-blocked.overlay-joined-content.break-blog-blocks .site-content-inner .overlay-blog-top .post-inner .post-content {
padding: 25px;}
/* ---- Full Width & Floating Sidebars ---- */
.site-content-inner .content-area.content-area-full,
body.page-template-full-width .content-area,
body.overlay-blog-fw .content-area,
body.overlay-blog-post-fw .content-area,
body.page-template-floating-right-sidebar .content-area,
body.page-template-floating-left-sidebar .content-area,
body.overlay-site-full-width-blocked.overlay-joined-content .content-area.content-area-full,
body.overlay-site-full-width-blocked.overlay-break-content .widget-area.widgets-apart,
body.overlay-site-full-width-blocked.overlay-joined-content.break-blog-blocks .site-content-inner,
body.overlay-site-full-width-blocked.overlay-joined-content.break-blog-blocks .site-content-inner article {
padding: 0;}
/* ---- Site Content Elements - Content Area / Widget Area END ---- */
.custom-header-wrap .site-container,
.custom-header-wrap .site-container-full {
position: relative;}
.overlay-banner-img {
position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.overlay-banner-img img {
display: block;width: 100%;height: auto;}
/* ---- Title & Breadcrumbs ---- */
.overlay-pagetitle-default {
box-shadow: 0 1px rgba(0, 0, 0, 0.08);display: flex;align-items: baseline;margin: 0 0 24px;padding: 0 0 20px;}
.overlay-pagetitle-other {
box-shadow: 0 1px rgba(0, 0, 0, 0.08);display: flex;flex-direction: column-reverse;margin: 0 0 24px;padding: 0 0 20px;}
.overlay-pagetitle-banner {
background-color: rgba(0, 0, 0, 0.04);box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(255, 255, 255, 1) inset;}
.overlay-pagetitle-banner .site-container {
display: flex;align-items: baseline;padding: 15px 20px 15px;}
.custom-header-pagetitle {
background-color: rgba(0, 0, 0, 0.3);position: absolute;display: flex;align-items: center;top: 0;bottom: 0;left: 20px;right: 20px;}
.custom-header-wrap .site-container-full .custom-header-pagetitle,
.overlay-banner-wrap .custom-header-pagetitle {
left: 0;right: 0;}
.overlay-pagetitle-cheader {
width: 100%;text-align: center;color: #FFF;}
.overlay-page-title .overlay-h-title {
flex: 1;margin: 0;padding: 0;font-size: 34px;}
.overlay-breadcrumbs {
flex: 1;text-align: right;font-size: 0.8em;margin: 0 2px 0 0;}
.overlay-pagetitle-other .overlay-breadcrumbs {
margin: 0 0 10px;text-align: inherit;}
.overlay-pagetitle-cheader .overlay-breadcrumbs {
text-align: inherit;margin: 5px 0 0;}
.overlay-pagetitle-cheader .overlay-breadcrumbs a { color: inherit;opacity: 0.8;}
.overlay-pagetitle-default .overlay-breadcrumbs > span:last-child,
.overlay-pagetitle-banner .overlay-breadcrumbs > span:last-child {
margin-right: 0 !important;}
.overlay-pagetitle-other .overlay-breadcrumbs > span:first-child {
margin-left: 0 !important;}
body.overlay-noedit .edit-link {
display: none !important;}
/* ---- Site Footer ---- */
.site-footer .site-bar {
font-size: 13px;}
.site-bar .social-icon {
font-size: 15px;}
.site-footer-inner {
padding: 45px 0;}
.site-footer .widget-title {
font-size: 20px;margin: 0 0 10px;padding: 0;}
.site-footer-inner .widget ul {
margin: 0;padding: 0;}
.site-footer-inner .widget ul li {
margin: 0 0 4px;padding: 0;display: block;float: none;}
.overlay-bottombar-fullcart .site-header-cart .widget_shopping_cart {
display: block;}
.overlay-bottombar-nofullcart .site-header-cart .widget_shopping_cart {
display: none !important;}
/* ---- Side Social Icons ---- */
.overlay-side-social {
position: fixed;top: 233px;right: 0;z-index: 996;}
.overlay-side-social.overlay-icons-sideleft {
right: auto;left: 0;}
.overlay-side-social .social-icon {
position: relative;background-color: #d4d4d4;display: block;margin: 0 0 2px;color: #FFF;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.overlay-side-social.overlay-icons-sideright .social-icon {
padding: 10px 19px 10px 15px;right: -4px;}
.overlay-side-social.overlay-icons-sideleft .social-icon {
padding: 10px 15px 10px 19px;left: -4px;}
.overlay-side-social.overlay-icons-sideright .social-icon:hover {
right: 0;}
.overlay-side-social.overlay-icons-sideleft .social-icon:hover {
left: 0;}
.overlay-side-social.overlay-sideicons-scroll {
position: absolute;}
.overlay-side-social.overlay-icons-sideright.overlay-side-social-rounded .social-icon {
border-radius: 8px 0 0 8px;}
.overlay-side-social.overlay-icons-sideleft.overlay-side-social-rounded .social-icon {
border-radius: 0 8px 8px 0;}
.overlay-side-social.overlay-side-social-round .social-icon {
border-radius: 50%;padding: 10px 15px;right: 2px;}
.overlay-side-social.overlay-icons-sideleft.overlay-side-social-round .social-icon {
left: 2px;}
.overlay-side-social.overlay-icons-sideright.overlay-side-social-round .social-icon:hover {
right: 6px;}
.overlay-side-social.overlay-icons-sideleft.overlay-side-social-round .social-icon:hover {
left: 6px;}
/*--------------------------------------------------------------
## Blog Lists & Search Results
--------------------------------------------------------------*/
.overlay-list article.post,
.overlay-list article.page {
margin: 0 0 25px;padding: 0 0 25px;}
.post-no-img {
display: none;}
.post-img a,
.post-img a img {
display: block;}
.post-content .entry-meta,
.post-content .entry-footer {
font-size: 0.85em;}
.post-content .entry-footer span {
margin: 0 10px 0 0;}
.post-content .entry-content {
margin: 15px 0 0;}
body.page .entry-content,
body.single-post .entry-content {
margin: 0;}
.overlay-list article .entry-title {
font-size: 28px;margin: 0 0 22px;}
.overlay-list.overlay-blog-left article.post .post-inner,
.overlay-list.overlay-blog-left article.page .post-inner,
.overlay-list.overlay-blog-right article.post .post-inner,
.overlay-list.overlay-blog-right article.page .post-inner,
.overlay-list.overlay-blog-alt article.post .post-inner,
.overlay-list.overlay-blog-alt article.page .post-inner {
display: flex;align-items: flex-start;}
.overlay-list.overlay-blog-left.overlay-blog-vcenter article.post .post-inner,
.overlay-list.overlay-blog-left.overlay-blog-vcenter article.page .post-inner,
.overlay-list.overlay-blog-right.overlay-blog-vcenter article.post .post-inner,
.overlay-list.overlay-blog-right.overlay-blog-vcenter article.page .post-inner,
.overlay-list.overlay-blog-alt.overlay-blog-vcenter article.post .post-inner,
.overlay-list.overlay-blog-alt.overlay-blog-vcenter article.page .post-inner {
align-items: center;}
.overlay-list.overlay-blog-left .post-img,
.overlay-list.overlay-blog-right .post-img,
.overlay-list.overlay-blog-alt .post-img {
width: 30%;}
.overlay-list.overlay-blog-left .post-content,
.overlay-list.overlay-blog-right .post-content,
.overlay-list.overlay-blog-alt .post-content {
width: 70%;}
.overlay-list .post-content.no-thumbnail {
width: 100%;}
.post-img.prop-img {
background-repeat: no-repeat;background-position: center center;background-size: cover;}
.post-img.prop-img img,
.post-no-img img {
display: block;width: 100%;height: auto;margin: 0;}
.post-inner.prop-img-round .post-img {
border-radius: 50%;}
/* ---- Left Layout ---- */
.overlay-list.overlay-blog-left .post-content {
padding: 0 0 0 25px;}
/* ---- Right Layout ---- */
.overlay-list.overlay-blog-right .post-img {
order: 2;}
.overlay-list.overlay-blog-right .post-content {
order: 1;padding: 0 25px 0 0;}
/* ---- Alternate Layout ---- */
.blog-alt-even .post-img {
order: 2;}
.blog-alt-even .post-content {
order: 1;padding: 0 25px 0 0;}
.overlay-blog-left .blog-alt-even .post-img {
order: 1;}
.blog-alt-odd .post-content {
padding: 0 0 0 25px;}
/* ---- Top Layout ---- */
.overlay-list.overlay-blog-top .post-img {
margin: 0 0 20px;}
.overlay-list.overlay-blog-top.overlay-blog-top-center article,
.overlay-list.overlay-blog-grid.overlay-blog-top-center article,
.overlay-list.overlay-blog-tile.overlay-blog-top-center article {
text-align: center;}
/* ---- Grid Layout ---- */
.overlay-list.overlay-blog-grid.loading-blocks {
background-image: url(images/loader.gif);background-repeat: no-repeat;background-position: center center;}
.overlay-list.overlay-blog-grid.loading-blocks .overlay-list-inner {
height: 400px !important;visibility: hidden;}
.overlay-list.overlay-blog-grid .overlay-list-inner {
display: flex;flex-wrap: wrap;margin: 0 -8px;}
.overlay-blog-grid article.blog-grid-block {
box-shadow: none !important;padding: 0 8px !important;margin: 0 0 16px;}
.overlay-blog-grid article.blog-grid-block .post-content {
padding: 15px;}
/* ---- Tile Layout ---- */
.overlay-blog-tile article.blog-grid-block {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) !important;margin: 0;padding: 0;float: left;}
.overlay-blog-tile article.blog-grid-block .post-inner {
position: relative;overflow: hidden;}
.overlay-blog-tile article.blog-grid-block .post-content {
background-color: #FFF;position: absolute;display: flex;align-items: center;height: 100%;width: 100%;overflow-y: scroll;/* visibility: hidden;*/
-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}
.overlay-blog-tile article.blog-grid-block .post-content-inner {
width: 100%;max-height: 100%;padding: 20px 40px;}
.overlay-blog-tile article.blog-grid-block .post-content .entry-footer {
margin-bottom: 25px;}
.overlay-blog-tile .post-no-img {
display: block;}
/* -- Animations In -- */
.overlay-blog-tile article.blog-grid-block .post-content.overlay-tile-slide-bottom {
left: 0;bottom: -110%;}
.overlay-blog-tile article.blog-grid-block:hover .post-content.overlay-tile-slide-bottom {
bottom: 0;}
.overlay-blog-tile article.blog-grid-block .post-content.overlay-tile-slide-left {
right: 100%;top: 0;}
.overlay-blog-tile article.blog-grid-block:hover .post-content.overlay-tile-slide-left {
right: 0;}
.overlay-blog-tile article.blog-grid-block .post-content.overlay-tile-slide-right {
left: 100%;top: 0;}
.overlay-blog-tile article.blog-grid-block:hover .post-content.overlay-tile-slide-right {
left: 0;}
.overlay-blog-tile article.blog-grid-block .post-content.overlay-tile-fade {
top: 0;left: 0;opacity: 0;}
.overlay-blog-tile article.blog-grid-block:hover .post-content.overlay-tile-fade {
opacity: 1;}
.overlay-blog-tile article.blog-grid-block .post-content.overlay-tile-grow {
top: 0;left: 0;opacity: 0;transform: scale(0.6);}
.overlay-blog-tile article.blog-grid-block:hover .post-content.overlay-tile-grow {
opacity: 1;transform: scale(1);}
.overlay-blog-tile article.blog-grid-block .post-content.overlay-tile-grow-out {
top: 0;left: 0;opacity: 0;transform: scale(1.4);}
.overlay-blog-tile article.blog-grid-block:hover .post-content.overlay-tile-grow-out {
opacity: 1;transform: scale(1);}
/* -- Animations In -- */
.overlay-list.overlay-blog-tile.overlay-blog-top-center .entry-footer span {
margin: 0 5px;}
.overlay-list.overlay-blog-tile.overlay-blog-top-center .entry-footer span.comments-link {
display: block;}
/* ---- Columns ---- */
.overlay-list.overlay-grid-2 article.post, .overlay-list.overlay-grid-2 article.page {
width: 50%;}
.overlay-list.overlay-grid-3 article.post, .overlay-list.overlay-grid-3 article.page {
width: 33.3333%;}
.overlay-list.overlay-grid-4 article.post, .overlay-list.overlay-grid-4 article.page {
width: 25%;}
.overlay-list.overlay-grid-5 article.post, .overlay-list.overlay-grid-5 article.page {
width: 20%;}
/* -- Round -- */
.overlay-blog-grid.posts-round .has-post-thumbnail .post-inner,
.overlay-blog-top.posts-round .has-post-thumbnail .post-inner {
padding-top: 20px;}
.overlay-blog-grid.posts-round .post-img,
.overlay-blog-top.posts-round .post-img {
margin: 0 20px;}
.overlay-blog-tile.posts-round .post-inner,
.overlay-blog-tile.posts-round .post-inner .post-content,
.overlay-blog-left.posts-round .post-img,
.overlay-blog-right.posts-round .post-img,
.overlay-blog-alt.posts-round .post-img,
.overlay-blog-top.posts-round .post-img,
.overlay-blog-grid.posts-round .post-img {
border-radius: 50%;}
.overlay-blog-tile.posts-round .post-inner {
margin: 0 10px 20px;}
.overlay-blog-tile.posts-round .post-inner .post-content {
text-align: center;}
.overlay-blog-tile.posts-round .blog-grid-block {
box-shadow: none !important;}
.overlay-blog-tile.posts-round article.blog-grid-block .post-content-inner {
padding: 40px;}
.overlay-blog-tile.posts-round article.blog-grid-block .post-content .entry-footer {
margin-bottom: 40px;}
.overlay-site-full-width-blocked.break-blog-blocks .overlay-blog-left.posts-round .has-post-thumbnail .post-inner,
.overlay-site-full-width-blocked.break-blog-blocks .overlay-blog-right.posts-round .has-post-thumbnail .post-inner,
.overlay-site-full-width-blocked.break-blog-blocks .overlay-blog-alt.posts-round .has-post-thumbnail .post-inner {
padding: 20px;}
.overlay-blog-alt.posts-round article.blog-alt-odd.has-post-thumbnail .post-content,
.overlay-blog-right.posts-round .has-post-thumbnail .post-content {
padding: 0 0 0 20px !important;}
.overlay-blog-alt.posts-round article.blog-alt-even.has-post-thumbnail .post-content,
.overlay-blog-right.posts-round .has-post-thumbnail .post-content {
padding: 0 20px 0 0 !important;}
/* ---- Image Styles ---- */
/* -- black & White -- */
.overlay-list article .post-img.overlay-imgstyle-bw img,
.overlay-list article .post-img.overlay-imgstyle-bw {
filter: url("data:image/svg+xml;utf8,#grayscale");/* Firefox 3.5+ */
filter: gray;/* IE6-9 */
-webkit-filter: grayscale(100%);/* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.overlay-list article:hover .post-img.overlay-imgstyle-bw img,
.overlay-list article:hover .post-img.overlay-imgstyle-bw {
filter: none;-webkit-filter: grayscale(0%);}
/* -- Blur / GrayScale -- */
.overlay-list article .post-img.overlay-imgstyle-bg img,
.overlay-list article .post-img.overlay-imgstyle-bg {
-webkit-filter: grayscale(0) blur(0);filter: grayscale(0) blur(0);-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.overlay-list article:hover .post-img.overlay-imgstyle-bg img,
.overlay-list article:hover .post-img.overlay-imgstyle-bg {
-webkit-filter: grayscale(100%) blur(1px);filter: grayscale(100%) blur(1px);}
/* -- Flash -- */
.overlay-list article:hover .post-img.overlay-imgstyle-flash img,
.overlay-list article:hover .post-img.overlay-imgstyle-flash {
opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;}
@-webkit-keyframes flash {
0% {
opacity: .4;}
100% {
opacity: 1;}
}
@keyframes flash {
0% {
opacity: .4;}
100% {
opacity: 1;}
}
/* -- Shine -- */
.overlay-list article .post-img.overlay-imgstyle-shine {
position: relative;overflow: hidden;}
.overlay-list article .post-img.overlay-imgstyle-shine::before {
position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.overlay-list article:hover .post-img.overlay-imgstyle-shine::before {
-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
100% {
left: 125%;}
}
@keyframes shine {
100% {
left: 125%;}
}
/* -- Circle -- */
.overlay-list article .post-img.overlay-imgstyle-circle {
position: relative;overflow: hidden;}
.overlay-list article .post-img.overlay-imgstyle-circle::before {
position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.overlay-list article:hover .post-img.overlay-imgstyle-circle::before {
-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle {
0% {
opacity: 1;}
40% {
opacity: 1;}
100% {
width: 200%;height: 200%;opacity: 0;}
}
@keyframes circle {
0% {
opacity: 1;}
40% {
opacity: 1;}
100% {
width: 200%;height: 200%;opacity: 0;}
}
/* -- Remove Post Meta -- */
body.blog .entry-meta.overlay-blog-list-remdate .posted-on,
body.archive .entry-meta.overlay-blog-list-remdate .posted-on,
body.search .entry-meta.overlay-blog-list-remdate .posted-on,
body.blog .entry-meta.overlay-blog-list-remauth .byline,
body.archive .entry-meta.overlay-blog-list-remauth .byline,
body.search .entry-meta.overlay-blog-list-remauth .byline,
body.blog .entry-footer.overlay-blog-list-remcats .cat-links,
body.archive .entry-footer.overlay-blog-list-remcats .cat-links,
body.search .entry-footer.overlay-blog-list-remcats .cat-links,
body.blog .entry-footer.overlay-blog-list-remtags .tags-links,
body.archive .entry-footer.overlay-blog-list-remtags .tags-links,
body.search .entry-footer.overlay-blog-list-remtags .tags-links,
body.blog .entry-footer.overlay-blog-list-remcoms .comments-link,
body.archive .entry-footer.overlay-blog-list-remcoms .comments-link,
body.search .entry-footer.overlay-blog-list-remcoms .comments-link,
body.single-post .entry-meta.overlay-blog-post-remdate .posted-on,
body.single-post .entry-meta.overlay-blog-post-remauth .byline,
body.single-post .entry-footer.overlay-blog-post-remcats .cat-links,
body.single-post .entry-footer.overlay-blog-post-remtags .tags-links {
display: none !important;}
/*--------------------------------------------------------------
## Blog Single
--------------------------------------------------------------*/
.single-post .entry-meta {
font-size: 0.85em;margin: 0 0 18px;}
.single-post .entry-footer > span {
margin: 0 12px 0 0;font-size: 0.85em;}
.single-post .post-thumbnail {
margin: 0 0 15px;}
.navigation.post-navigation {
margin-top: 40px;padding: 20px 0 0;}
.overlay-postnav-barrows .navigation.post-navigation {
box-shadow: none !important;margin: 0;padding: 0;}
.overlay-postnav-barrows .post-navigation .nav-previous {
position: fixed;top: 50%;left: -40px;background-color: rgba(0, 0, 0, 0.3);width: 80px;height: 80px;text-align: right;padding: 16px 10px;border-radius: 50%;font-size: 28px;color: #FFF;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.overlay-postnav-barrows .post-navigation .nav-next {
position: fixed;top: 50%;right: -40px;background-color: rgba(0, 0, 0, 0.3);width: 80px;height: 80px;text-align: left;border-radius: 50%;font-size: 28px;color: #FFF;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.overlay-postnav-barrows .post-navigation .nav-previous:hover,
.overlay-postnav-barrows .post-navigation .nav-next:hover {
transform: scale(1.4);}
.overlay-postnav-barrows .post-navigation .nav-previous a,
.overlay-postnav-barrows .post-navigation .nav-next a {
display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;color: transparent;}
.overlay-postnav-barrows .post-navigation .nav-previous a::before,
.overlay-postnav-barrows .post-navigation .nav-next a::before {
display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;top: 18px;color: #FFF;}
.overlay-postnav-barrows .post-navigation .nav-previous a::before {
content: "\f060";right: 6px;}
.overlay-postnav-barrows .post-navigation .nav-next a::before {
content: "\f061";left: 6px;}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;}
article:last-child {
box-shadow: none !important;margin: 0;}
.updated:not(.published) {
display: none;}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;}
.page-links {
clear: both;margin: 0 0 1.5em;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 20px 0 0;padding: 20px 0 0;}
#comments .comments-title {
font-size: 1.4em;}
.comment-content a {
word-wrap: break-word;}
.bypostauthor {
display: block;}
article time.updated {
display: none;}
article time.entry-date.published {
display: inline;}
.author_bio_section{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);padding: 15px 20px;border: 1px solid rgba(0, 0, 0, 0.18);margin: 40px 0 15px;}
.author_name{
font-size:16px;font-weight: bold;text-transform: capitalize;}
.author_details img {
border: 1px solid rgba(0, 0, 0, 0.18);border-radius: 50%;float: left;margin: 0 15px 15px 0;}
footer.comment-meta {
position: relative;}
.comment-list {
margin: 0;padding: 0;list-style-type: none;clear: both;}
.comment-list li {
margin: 0;padding: 0 0 10px;}
.comment-list > li,
.comment-list .children > li {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);padding: 20px 0;}
.comment-list li:last-child {
box-shadow: none;padding-bottom: 0;}
.comment-author {
float: none;width: auto;margin-left: 55px;}
.comment-author b.fn {
display: block;}
.comment-container {
margin-left: 65px;}
.comment-author .avatar {
border: 2px solid #DCDCDC;position: absolute;left: 0;}
.comment-meta cite {
display: block;font-weight: 600;}
.comment-content {
margin: 0 0 0 55px;}
.comment-metadata {
font-style: italic;font-size: 0.75em;margin-left: 55px;padding: 0 0 4px;}
.comment .reply {
text-align: right;font-size: 0.8rem;}
.comments-area label {
float: left;min-width: 10.5%;padding: 6px 0 0;}
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"],
.comments-area input[type="password"],
.comments-area input[type="search"] {
padding: 1%;width: 85%;}
#comments ul {
margin-left: 2em;}
#comments li {
list-style-type: none;}
.post-password-required input {
max-width: 280px;margin: 0 5px;}
span.says {
display: none;}
.comment-form-cookies-consent input {
display: inline-block;position: relative;top: -1px;}
.comment-form-cookies-consent label {
display: inline-block;float: none;margin: 0 0 0 10px;}
.comment-awaiting-moderation {
display: block;border-radius: 3px;font-size: 0.85em;margin: 4px 0 12px 55px;background-color: rgba(0, 0, 0, 0.06);padding: 10px;text-align: center;}
.comment-respond {
margin: 40px 0 0;padding: 20px 0 0;}
.comment-respond .comment-reply-title {
margin: 0;padding: 0 0 15px;font-size: 1.4em;}
.overlay-comments-bubble #comments li {
box-shadow: none;padding: 18px 0 0;}
.overlay-comments-bubble #comments li .children {
margin-bottom: 25px;}
.overlay-comments-bubble #comments li article.comment-body {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.3) !important;background-color: rgba(0, 0, 0, 0.03);border-radius: 3px;padding: 15px;}
.overlay-comments-bubble footer.comment-meta {
display: flex;align-items: baseline;margin: 0 0 10px;}
.overlay-comments-bubble footer.comment-meta .comment-metadata {
margin: 0;flex-grow: 1;text-align: right;}
/* -- Error 404 Page -- */
.error-404 {
text-align: center;padding: 20px 0 80px;display: flex;flex-direction: column;}
.error-404 .page-title {
margin: 0;padding: 20px 0 0;font-size: 2.2em;font-weight: 400;}
.error-ban-sign .fa-ban {
font-size: 182px;line-height: 1.4;opacity: 0.4;}
.error-content {
margin: 10px 0 20px;}
.error-search {
margin: 10px 0 10px;}
.error-search form.search-form {
display: inline-block;width: 380px;}
.error-search form.search-form .search-field {
width: 100%;}
.error-search form.search-form .search-submit {
display: none;}
.error-btn {
text-align: center;margin: 10px 0 20px;}
.error-btn a {
display: inline-block;vertical-align: middle;background-color: rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 2px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.06);padding: 10px 25px 12px;margin: 15px 0 0;font-size: 0.9em;font-weight: inherit;color: inherit;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.error-btn a:hover {
color: #FFF;}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;margin-bottom: 0;margin-top: 0;padding: 0;}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {
display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;}
.wp-caption-text {
text-align: center;}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;}
.gallery-item {
display: inline-block;text-align: center;vertical-align: top;width: 100%;}
.gallery-columns-2 .gallery-item {
max-width: 50%;}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;}
.gallery-columns-4 .gallery-item {
max-width: 25%;}
.gallery-columns-5 .gallery-item {
max-width: 20%;}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;}
.gallery-caption {
display: block;}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/* ---- Search ---- */
.widget.widget_search input[type="search"] {
width: 100%;padding: 6px 10px;font-size: 14px;}
.widget.widget_search input[type="submit"] {
display: none;}
/* ---- Footer Siteby ---- */
.overlay-siteby-icon {
width: 24px;background-color: #f1f1f1;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 3px rgba(0, 0, 0, 0.18);overflow: hidden;border-radius: 2px;position: fixed;bottom: 8px;right: 10px;margin: 0;padding: 0;font-size: 13px;text-align: center;z-index: 999;filter: url("data:image/svg+xml;utf8,#grayscale");/* Firefox 3.5+ */
filter: gray;/* IE6-9 */
-webkit-filter: grayscale(100%);/* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.overlay-siteby-icon img {
display: block;margin: 0;}
.overlay-siteby-icon:hover {
filter: none;-webkit-filter: grayscale(0%);}
.overlay-siteby-plain {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;margin: 1px 0 0;padding: 5px 10px 8px;font-size: 11px;text-align: center;opacity: 0.7;}
/* ---- Nav Span ---- */
.main-navigation.overlay-nav-block .nav-span-block {
padding: 5px 12px;border-radius: 4px;}
/* ---------------- Default Styles ---------------- */
/* ---- Box Shadow - Bottom---- */
.site-header .site-bar,
.site-header,
.overlay-list article.post,
.overlay-list article.page,
.overlay-banner-wrap {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);}
/* ---- Box Shadow - Top---- */
.main-navigation,
.post-navigation,
.comments-area,
.site-footer,
.site-footer .site-bar,
.comment-respond {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08);}
/* ---- Box Shadow - Right---- */
.content-area,
body.blog.overlay-blog-rs .content-area,
body.single.overlay-blog-post-rs .content-area,
body.archive.overlay-blog-rs .content-area,
body.search-results.overlay-blog-search-rs .content-area {
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);}
/* ---- Box Shadow - Left---- */
body.page-template-left-sidebar .content-area,
body.page-template-default.overlay-page-ls .content-area,
body.blog.overlay-blog-ls .content-area,
body.single.overlay-blog-post-ls .content-area,
body.archive.overlay-blog-ls .content-area,
body.search-results.overlay-blog-search-ls .content-area {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08);}
/* ---- Box Shadow - Single All Round---- */
.overlay-list.overlay-blog-grid article.post .post-inner,
.overlay-list.overlay-blog-grid article.page .post-inner {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);}
/* ---- Box Shadow - All Round---- */
body.overlay-site-full-width-blocked.overlay-joined-content .site-content-inner,
body.overlay-site-full-width-blocked.overlay-break-content .content-area,
body.overlay-site-full-width-blocked.overlay-break-content .widget-area,
body.overlay-site-full-width-blocked.overlay-break-content .widget-area.widgets-apart .widget,
body.page-template-default.overlay-page-frs .widget-area,
body.page-template-default.overlay-page-fls .widget-area,
body.blog.overlay-blog-frs .widget-area,
body.single.overlay-blog-post-frs .widget-area,
body.archive.overlay-blog-frs .widget-area,
body.search-results.overlay-blog-search-frs .widget-area,
body.blog.overlay-blog-fls .widget-area,
body.single.overlay-blog-post-fls .widget-area,
body.archive.overlay-blog-fls .widget-area,
body.search-results.overlay-blog-search-fls .widget-area,
body.page-template-floating-right-sidebar .widget-area,
body.page-template-floating-left-sidebar .widget-area,
body.overlay-site-full-width-blocked.overlay-joined-content.break-blog-blocks .site-content-inner article,
.overlay-blog-left.posts-round .post-img,
.overlay-blog-right.posts-round .post-img,
.overlay-blog-alt.posts-round .post-img,
.overlay-blog-top.posts-round .post-img,
.overlay-blog-grid.posts-round .post-img,
.overlay-blog-tile.posts-round .post-inner {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1) inset;}
/* ---- Box Shadow - None---- */
.site-content-inner .content-area.content-area-full,
body.page-template-floating-right-sidebar .content-area,
body.page-template-floating-left-sidebar .content-area,
body.overlay-site-boxed .site-content-inner.remove-line #primary.content-area,
body.overlay-site-full-width .site-content-inner.remove-line #primary.content-area,
.overlay-list.overlay-blog-grid article.post,
.overlay-list.overlay-blog-grid article.page {
box-shadow: none;}
/* ---- Background - White---- */
body.overlay-site-full-width,
body.overlay-site-full-width .site-header,
body.overlay-site-full-width .site-footer,
body.overlay-site-boxed .site-header,
body.overlay-site-boxed .site-footer,
body.overlay-site-boxed .site-boxed,
body.overlay-site-full-width-blocked .site-header,
body.overlay-site-full-width-blocked .site-footer,
body.overlay-site-full-width-blocked.overlay-joined-content .site-content-inner,
body.overlay-site-full-width-blocked.overlay-break-content .content-area,
body.overlay-site-full-width-blocked.overlay-break-content .widget-area,
body.overlay-site-full-width-blocked.overlay-break-content .widget-area.widgets-apart .widget,
body.page-template-floating-right-sidebar .widget-area,
body.page-template-floating-left-sidebar .widget-area,
body.page-template-default.overlay-page-frs .widget-area,
body.page-template-default.overlay-page-fls .widget-area,
body.blog.overlay-blog-frs .widget-area,
body.single.overlay-blog-post-frs .widget-area,
body.archive.overlay-blog-frs .widget-area,
body.search-results.overlay-blog-search-frs .widget-area,
body.blog.overlay-blog-fls .widget-area,
body.single.overlay-blog-post-fls .widget-area,
body.archive.overlay-blog-fls .widget-area,
body.search-results.overlay-blog-search-fls .widget-area,
.site-bar-inner,
.header-search-block,
.site-footer .site-bar,
.overlay-search-slide .header-search-block,
.overlay-search-full .header-search-block,
.main-navigation ul ul,
body #page .site-bar.stick-header.stuck .site-bar-inner,
body.overlay-site-full-width-blocked.overlay-joined-content.break-blog-blocks .site-content-inner .post-inner {
background-color: #FFF;}
body.overlay-site-full-width-blocked.overlay-break-content .widget-area.widgets-apart,
body.overlay-site-full-width-blocked.overlay-joined-content.break-blog-blocks .site-content-inner {
box-shadow: none;background-color: transparent;}
/* ---- Background - Off White / Grey ---- */
body.overlay-site-boxed,
body.overlay-site-full-width-blocked {
background-color: #f4f4f4;}
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-menu-parent > a,
.main-navigation ul ul li.current_page_parent > a,
.main-navigation ul ul li.current-menu-ancestor > a,
.main-navigation ul ul li.current_page_ancestor > a,
.main-navigation.overlay-nav-solid ul a:hover,
.main-navigation.overlay-nav-solid ul > li > a:hover,
.main-navigation.overlay-nav-solid ul > li > a:focus,
.main-navigation.overlay-nav-solid ul > li.current-menu-item > a,
.main-navigation.overlay-nav-solid ul > li.current-menu-ancestor > a,
.main-navigation.overlay-nav-solid ul > li.current-menu-parent > a,
.main-navigation.overlay-nav-solid ul > li.current_page_parent > a,
.main-navigation.overlay-nav-solid ul > li.current_page_ancestor > a,
.main-navigation.overlay-nav-solid .current_page_item > a,
.main-navigation.overlay-nav-block ul > li > a:hover span.nav-span-block,
.main-navigation.overlay-nav-block ul > li > a:focus span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current-menu-item > a span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current-menu-ancestor > a span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current-menu-parent > a span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current_page_parent > a span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current_page_ancestor > a span.nav-span-block,
.main-navigation.overlay-nav-block .current_page_item > a span.nav-span-block {
color: #FFF !important;}
/* ---- Primary Color ---- */
.main-navigation.overlay-nav-plain ul > li > a:hover,
.main-navigation.overlay-nav-plain ul > li > a:focus,
.main-navigation.overlay-nav-plain ul > li.current-menu-item > a,
.main-navigation.overlay-nav-plain ul > li.current-menu-ancestor > a,
.main-navigation.overlay-nav-plain ul > li.current-menu-parent > a,
.main-navigation.overlay-nav-plain ul > li.current_page_parent > a,
.main-navigation.overlay-nav-plain ul > li.current_page_ancestor > a,
.main-navigation.overlay-nav-plain .current_page_item > a,
.main-navigation.overlay-nav-underline ul > li > a:hover,
.main-navigation.overlay-nav-underline ul > li > a:focus,
.main-navigation.overlay-nav-underline ul > li.current-menu-item > a,
.main-navigation.overlay-nav-underline ul > li.current-menu-ancestor > a,
.main-navigation.overlay-nav-underline ul > li.current-menu-parent > a,
.main-navigation.overlay-nav-underline ul > li.current_page_parent > a,
.main-navigation.overlay-nav-underline ul > li.current_page_ancestor > a,
.main-navigation.overlay-nav-underline .current_page_item > a,
.overlay-footer-social-two #overlay-bottombar-menu li a:hover,
.overlay-footer-social-two.footer-menu-vertical #overlay-bottombar-menu li a:hover {
color: #7999c1;}
/* .main-navigation ul ul a:hover { For Mobile Menu hover color
color: #7999c1 !important;} */
.main-navigation.overlay-nav-underline ul > li > a:hover,
.main-navigation.overlay-nav-underline ul > li > a:focus,
.main-navigation.overlay-nav-underline ul > li.current-menu-item > a,
.main-navigation.overlay-nav-underline ul > li.current-menu-ancestor > a,
.main-navigation.overlay-nav-underline ul > li.current-menu-parent > a,
.main-navigation.overlay-nav-underline ul > li.current_page_parent > a,
.main-navigation.overlay-nav-underline ul > li.current_page_ancestor > a,
.main-navigation.overlay-nav-underline .current_page_item > a { box-shadow: 0 -4px 0 #7999c1 inset;}
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-menu-parent > a,
.main-navigation ul ul li.current_page_parent > a,
.main-navigation ul ul li.current-menu-ancestor > a,
.main-navigation ul ul li.current_page_ancestor > a,
.main-navigation.overlay-nav-solid a:hover,
.main-navigation.overlay-nav-solid ul > li > a:hover,
.main-navigation.overlay-nav-solid ul > li > a:focus,
.main-navigation.overlay-nav-solid ul > li.current-menu-item > a,
.main-navigation.overlay-nav-solid ul > li.current-menu-ancestor > a,
.main-navigation.overlay-nav-solid ul > li.current-menu-parent > a,
.main-navigation.overlay-nav-solid ul > li.current_page_parent > a,
.main-navigation.overlay-nav-solid ul > li.current_page_ancestor > a,
.main-navigation.overlay-nav-solid .current_page_item > a,
.main-navigation.overlay-nav-block ul > li > a:hover span.nav-span-block,
.main-navigation.overlay-nav-block ul > li > a:focus span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current-menu-item > a span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current-menu-ancestor > a span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current-menu-parent > a span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current_page_parent > a span.nav-span-block,
.main-navigation.overlay-nav-block ul > li.current_page_ancestor > a span.nav-span-block,
.main-navigation.overlay-nav-block .current_page_item > a span.nav-span-block,
.error-btn a:hover,
.overlay-side-social .social-icon,
#comments .comment-form input.submit:hover,
.overlay-footdivide-shortline .footer-custom-block::after,
.overlay-footdivide-shortline ul.site-footer-widgets > li::after {background-color: #7999c1;}
/**********************************
공통
**********************************/
/* Top Nav */
#responsive-menu ul { list-style:none; }
#navbar a.logo { margin-top:10px; }
/* section */
.section,
.section-fluid,
.section-emphasis { padding-top:15px; padding-bottom:15px; }
.section { background-color:#fff; }
.section-fluid { background-color:#f4f5f7; }
.section-fluid hr { border-top: 1px solid #ccc; }
.section-emphasis { background-color:#242d37; color:#fff; }
.section-emphasis hr { border-top: 1px solid #fff; }
.section h1 { margin-bottom:50px; }
.title-section { padding-top:70px; padding-bottom:90px; }
.title-section h2 {}
#mainContent { padding-top: 0; }
@media (min-width:768px) {
.section,
.section-fluid,
.section-emphasis { padding-top:25px; padding-bottom:30px; }
#mainContent { padding-top: 30px; }
}
/*
*/
/**********************************
헤더
**********************************/
.headerFullbar {}
.headerIntro { margin: 7px 0; }
.headerIntro #popularKeyword { font-size: 9pt; padding: 7px; position:relative; white-space: nowrap; width: 100%; height: 35px; overflow: hidden; }
.headerIntro #popularKeyword ul { margin:0; padding:0; list-style:none; width:100%; overflow: hidden; }
.headerIntro #popularKeyword ul li { display:inline-block; margin-right:15px; }
.headerIntro #popularKeyword .EnvironmentalInformation { position:absolute; right:7px; top:7px;}
/* 초미세먼지 */
.headerIntro #popularKeyword #airAPI {}
.headerIntro #popularKeyword #airAPI .wt01 { color:#06F; }
.headerIntro #popularKeyword #airAPI .wt02 { color:#093; }
.headerIntro #popularKeyword #airAPI .wt03 { color:#F63; }
.headerIntro #popularKeyword #airAPI .wt04 { color:#F00; }
/*
날씨 위젯
2020-04-20
노원구청 홈페이지 개편으로 미세먼지가 없어지고 아래 날씨정보로 변경됨
*/
#main-weather { width:100%; height:75px; }
#main-weather .weather-area { padding-left:50px; }
#main-weather .weather-area .img {
position: absolute;
left: 5px;
top: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#main-weather .weather-area table { width: 100%; margin:0; padding:0; }
#main-weather .weather-area table td { font-size: 9pt; text-align: center; padding:3px 0; }
#main-weather .weather-area table td:first-child { font-size: 9pt; }
#main-weather .weather-area table td strong { font-weight: bold; font-size:1.5em; }
#main-weather .weather-area table td strong span { font-size: 0.8em; }
#main-weather .weather-area table td .round-style { color: #fff; font-size: 9pt; display: inline-block; width: 54px; background: #79ca60; border-radius: 5px; }
#main-weather .weather-area table td .round-style.good { background: #65a3fc; }
#main-weather .weather-area table td .round-style.notbad { background: #fbb600; }
#main-weather .weather-area table td .round-style.bad { background: #ee001d; }
/* header */
#header { display:block; position:fixed; top:0; left:0; width:100%; background-color:#FFF; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; border-bottom:solid 1px #e3e3e3; }
#header .site_logo { width:120px; height:auto; }
header .navbar .navbar-brand { margin:8px 5px 0 0; }
@media (min-width:768px) {
#header .site_logo { width:180px; }
header .navbar .navbar-brand { margin:12px 45px 0 0; }
}
@media (min-width:992px) {
#header .site_logo { width:200px; }
}
@media (min-width:1200px) {
}
/* header nav */
#header .navbar { margin:0; position:relative; }
#header .navbar-default { background-color:#fff; border: none; }
#header .navbar-default .navbar-nav>.open>a,
#header .navbar-default .navbar-nav>.open>a:focus,
#header .navbar-default .navbar-nav>.open>a:hover { background-color:#fff; font-weight:bold; color:#1b69c1; }
header .nav-header { min-height:70px; }
header .nav-header .navbar-toggle { margin-top:18px; }
header .navbar .navbar-nav {}
.navbar-nav > li > .dropdown-menu { border-bottom: none; }
.navbar-nav > li > .dropdown-menu .fa-external-link-alt { margin-left:5px; color:#7b829994; }
#header .searchBox { height:40px; border: solid 4px #1b69c1; border-radius:20px; padding:2px 15px; position:relative; }
#header .searchBox #search-form { width:100%; }
#header .searchBox #search-form .search-field { width:100%; padding-right:40px; border:none; padding: 4px; }
#header .searchBox #search-form #BT_searchSubmit { position:absolute; top:0px; right:10px; border:none; background:none; }
header .navbar-fixed-top .navbar-collapse { max-height: none; width:100%; }
header #navbar-collapse-header.in #mainNavUL { height: 100vh; }
@media (min-width:768px) {
header .nav-header { min-height:80px; }
#header .navbar #TopMenuBar { background-color:#1b69c1; }
#header #navbar-collapse-header { position:relative; padding:0; margin:0; height:48px; }
#header .scroll-progress { border-top:solid 3px #123e71; position:absolute; bottom:-3px; }
#mainNavUL { width: 100%;border-left:solid 1px #368bea; border-right:solid 1px #368bea; }
#mainNavUL > li { width: 20%; }
#mainNavUL > li > a { display:block; padding:15px 5px; margin:0; color:#fff; font-size:12px; font-weight:bold; text-align:center; border:none; }
#mainNavUL:hover { height: 50px;}
#mainNavUL:hover > li > ul { display: block; width: 100%; background-color: #fff; }
#mainNavUL:hover > li > ul:hover { background-color: #eff4f9;}
#mainNavUL .caret { display: none; }
.dropdown-menu { border: solid 1px #e3e3e3; border-radius: 0; box-shadow: none; }
.navbar-nav > li > .dropdown-menu { border-bottom:solid 4px #1b69c1; }
.dropdown-menu a { font-size: 11px; padding: 3px 10px; }
}
@media (min-width:992px) {
#mainNavUL > li > a { font-size:14px;}
.dropdown-menu a { font-size: 12px; padding: 6px 10px; }
}
@media (min-width:1200px) {
#mainNavUL > li > a { font-size:16px;}
.dropdown-menu a { font-size: 14px; padding: 8px 10px; }
}
/*
헤더 네비게이션 높이 설정
*/
@media (min-width:768px) {
#mainNavUL:hover > li > ul { height: 200px; }
}
@media (min-width:992px) {
#mainNavUL:hover > li > ul { height: 220px;}
}
@media (min-width:1200px) {
#mainNavUL:hover > li > ul { height: 240px;}
}
#topNavMenu > li { display:block; width:20%; border:none; }
#topNavMenu > li.search_wrapper { display:none; }
#topNavMenu > li > a { display:block; padding:15px 5px; margin:0; color:#FFF; font-size:18px; font-weight:bold; text-align:center; border:none; }
#topNavMenu > li > a:after { content: ''; position: absolute; top: 0; bottom: 0; background: #368bea; width: 1px; height: 100%; right: 0; }
@media (min-width:768px) {
.astm-search-menu-wrapper { display:none !important; }
#topNavMenu > li > a { display:block; padding:15px 5px; margin:0; color:#FFF; font-size:14px; font-weight:bold; text-align:center; border:none; }
#topNavMenu > li > ul { list-style:none; position:absolute; top:50px; width:100%; border:none; }
}
@media (min-width:992px) {
#topNavMenu > li > a { font-size:16px; }
}
@media (min-width:1200px) {
#topNavMenu > li > a { font-size:18px; }
}
/**********************************
footer
**********************************/
#marquee { display:none;}
@media (min-width:768px) {
#marquee { display: block;}
#marquee { border-top:solid 1px #e3e3e3; margin:0; padding:6px 0; background-color:#fff;}
#marquee .marquee { height:26px; width:100%; overflow:hidden; position:relative;}
#marquee .marquee ul { margin:0; padding:0; list-style:none; position:absolute; top:0; left:0;}
#marquee .marquee ul li { display:inline-block; margin:0 20px; }
#marquee .marquee ul li a {}
#marquee .marquee ul li a img { width:auto !important; height:26px;}
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
#footer { padding-top:20px; padding-bottom: 30px; color: #fff; background: #505669; }
.footer_links { border-bottom: solid 1px #3f4148; margin-bottom: 5px; padding-bottom:10px;}
.footer_links .row div { margin-bottom: 5px; }
.footer_links select { background-color:#fff; color:#1B69C1; font-weight:bold; }
.footer_more { color:#fff; margin:5px 0; }
#footer .footerInfo { margin:15px 0 5px 0; font-size:9pt;}
#footer .footerInfo strong { display: inline-block; margin:0 0 0 5px;}
#footer .footerInfo i { display:inline-block; margin:0 5px 0 20px; }
#footer .footerInfo a { color:#E8E9FF; }
#footer .copyright { margin: 0; font-size:9pt; }
#footer .footerInfo,
#footer .copyright { text-align:center; }
/**********************************
메인
**********************************/
/* Main_Banner */
#Main_Banner { height:260px; margin-bottom:10px; border:solid 1px #e3e3e3; }
#Main_Banner .swiper-container { width:100%; height:100%;}
#Main_Banner .swiper-slide { background-position: center; background-size: cover; height:260px; }
#Main_Banner .swiper-slide a { padding: 30px; height:200px; width:100%; display:block; }
#Main_Banner .swiper-container-horizontal > .swiper-pagination-bullets,
#Main_Banner .swiper-pagination-custom, .swiper-pagination-fraction { bottom:-8px; }
#Tiles_Menu { margin-bottom: 10px; height: auto; }
#Tiles_Menu .row { margin: 0 -15px; }
#Tiles_Menu .row > div { border: none; padding: 0 15px; }
#Tiles_Menu a { display:block; width:100%; padding: 15px; margin: 5px 0; border: solid 1px #e3e3e3; position: relative; overflow: hidden; font-weight: bold; color:#605858; }
#Tiles_Menu a i { font-size: 3em; display: block; color: #f783ac; position: absolute; right: -5px; top: -5px; }
#Tiles_Menu a:hover i { color:#1b69c1; }
#Tiles_Menu a span br { display: none; }
@media (min-width:768px) {
#Tiles_Menu .row { margin: 0; }
#Tiles_Menu .row > div { border:solid 1px #e3e3e3; padding: 0; }
#Tiles_Menu a { display:block; width:100%; height:118px; border: none; padding: 10px; }
#Tiles_Menu a i { font-size: 3em; display: block; margin: 0 auto 10px auto; text-align: center; color: #f783ac; position: static; }
#Tiles_Menu a:hover i { color:#1b69c1; }
#Tiles_Menu a span { display: block; text-align: center; font-size: 9pt; line-height: 1.2em; }
#Tiles_Menu a span br { display: block; }
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
/* 메인 베너 이미지 설정
660px
*/
#Main_Banner #Main_Banner_1 { background-image:url(/images/banners/banner1_xs.jpg); }
#Main_Banner #Main_Banner_2 { background-image:url(/images/banners/banner2_xs.jpg); }
#Main_Banner #Main_Banner_3 { background-image:url(/images/banners/banner3_xs.jpg); }
#Main_Banner #Main_Banner_4 { background-image:url(/images/banners/banner4_3.jpg); }
@media (min-width:768px) {
/* 748px */
#Main_Banner #Main_Banner_1 { background-image:url(/images/banners/banner1_lg.jpg); }
#Main_Banner #Main_Banner_2 { background-image:url(/images/banners/banner2_lg.jpg); }
#Main_Banner #Main_Banner_3 { background-image:url(/images/banners/banner3_lg.jpg); }
#Main_Banner #Main_Banner_4 { background-image:url(/images/banners/banner4_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_1 { background-image:url(/images/banners/banner1_lg.jpg); }
#Main_Banner #Main_Banner_2 { background-image:url(/images/banners/banner2_lg.jpg); }
#Main_Banner #Main_Banner_3 { background-image:url(/images/banners/banner3_lg.jpg); }
#Main_Banner #Main_Banner_4 { background-image:url(/images/banners/banner4_1.jpg); }
}
@media (min-width:1200px) {
}
/*
아픈아이 병원동행
2020-02-13
*/
#Main_Banner #Main_Banner_20200213 { background-image:url(/images/banners/20200213/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20200213 { background-image:url(/images/banners/20200213/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20200213 { background-image:url(/images/banners/20200213/banner1_1.jpg); }
}
/*
정신질환자 치료비 지원사업 안내
2020-03-10
*/
#Main_Banner #Main_Banner_20200310 { background-image:url(/images/banners/20220816/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20200310 { background-image:url(/images/banners/20220816/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20200310 { background-image:url(/images/banners/20220816/banner1_1.jpg); }
}
/*
서울시 재난 긴급생활비 지원신청
2020-04-03
*/
#Main_Banner #Main_Banner_20200403 { background-image:url(/images/banners/20200403/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20200403 { background-image:url(/images/banners/20200403/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20200403 { background-image:url(/images/banners/20200403/banner1_1.jpg); }
}
/*
긴급재난지원금
2020-05-06
*/
#Main_Banner #Main_Banner_20200506 { background-image:url(/images/banners/20200506/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20200506 { background-image:url(/images/banners/20200506/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20200506 { background-image:url(/images/banners/20200506/banner1_1.jpg); }
}
/*
금융소외계층 소액융자 신청 안내
2020-06-09
*/
#Main_Banner #Main_Banner_20200609 { background-image:url(/images/banners/20200609/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20200609 { background-image:url(/images/banners/20200609/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20200609 { background-image:url(/images/banners/20200609/banner1_1.jpg); }
}
/*
희망두배 청년통장
2020-06-30
*/
#Main_Banner #Main_Banner_20200630 { background-image:url(/images/banners/20200630/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20200630 { background-image:url(/images/banners/20200630/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20200630 { background-image:url(/images/banners/20200630/banner1_1.jpg); }
}
/*
2020년 제3차 주민소득지원·생활안정기금 융자
2020-07-27
*/
#Main_Banner #Main_Banner_20200727 { background-image:url(/images/banners/20200727/banner1_2.jpg?v=1); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20200727 { background-image:url(/images/banners/20200727/banner1_1.jpg?v=1); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20200727 { background-image:url(/images/banners/20200727/banner1_1.jpg?v=1); }
}
/*
노원형 돌봄SOS센터 1년 간의 이야기
2020-08-10
*/
#Main_Banner #Main_Banner_20200810 { background-image:url(/images/banners/20200810/banner1_2.jpg?v=1); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20200810 { background-image:url(/images/banners/20200810/banner1_1.jpg?v=1); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20200810 { background-image:url(/images/banners/20200810/banner1_1.jpg?v=1); }
}
/*
자원봉사센터 수기공모전
2020-10-12
*/
#Main_Banner #Main_Banner_20201012 { background-image:url(/images/banners/20201012/banner1_2.jpg?v=1); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20201012 { background-image:url(/images/banners/20201012/banner1_1.jpg?v=1); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20201012 { background-image:url(/images/banners/20201012/banner1_1.jpg?v=1); }
}
/*
위기가구 긴급생계지원
2020-10-20
*/
#Main_Banner #Main_Banner_20201020 { background-image:url(/images/banners/20201020/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20201020 { background-image:url(/images/banners/20201020/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20201020 { background-image:url(/images/banners/20201020/banner1_1.jpg); }
}
/*
따뜻한 겨울나기 사랑의 열매
2020-11-20
*/
#Main_Banner #Main_Banner_20201120 { background-image:url(/images/banners/20201120/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20201120 { background-image:url(/images/banners/20201120/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20201120 { background-image:url(/images/banners/20201120/banner1_1.jpg); }
}
/*
노원구청 설문조사
2020-12-03
*/
#Main_Banner #Main_Banner_20201203 { background-image:url(/images/banners/20201203/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20201203 { background-image:url(/images/banners/20201203/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20201203 { background-image:url(/images/banners/20201203/banner1_1.jpg); }
}
/*
아픈아이 돌봄센터
2021-01-29
*/
#Main_Banner #Main_Banner_20210129 { background-image:url(/images/banners/20210129/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20210129 { background-image:url(/images/banners/20210129/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20210129 { background-image:url(/images/banners/20210129/banner1_1.jpg); }
}
/*
노원 똑똑똑 돌봄단
2021-05-03
*/
#Main_Banner #Main_Banner_20210503 { background-image:url(/images/banners/20210503/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20210503 { background-image:url(/images/banners/20210503/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20210503 { background-image:url(/images/banners/20210503/banner1_1.jpg); }
}
/*
띵동 책배달 서비스
2021-06-01
*/
#Main_Banner #Main_Banner_20210601 { background-image:url(/images/banners/20210601/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20210601 { background-image:url(/images/banners/20210601/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20210601 { background-image:url(/images/banners/20210601/banner1_1.jpg); }
}
/*
평화통일
2021-06-10
*/
#Main_Banner #Main_Banner_20210610 { background-image:url(/images/banners/20210610/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20210610 { background-image:url(/images/banners/20210610/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20210610 { background-image:url(/images/banners/20210610/banner1_1.jpg); }
}
/*
꿈나래통장
2021-08-05
*/
#Main_Banner #Main_Banner_20210805 { background-image:url(/images/banners/20210805/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20210805 { background-image:url(/images/banners/20210805/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20210805 { background-image:url(/images/banners/20210805/banner1_1.jpg); }
}
/*
희망두배청년통장
2021-08-13
*/
#Main_Banner #Main_Banner_20210813 { background-image:url(/images/banners/20210813/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20210813 { background-image:url(/images/banners/20210813/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20210813 { background-image:url(/images/banners/20210813/banner1_1.jpg); }
}
/*
아이편한 택시
2021-08-20
*/
#Main_Banner #Main_Banner_20210820 { background-image:url(/images/banners/20210820/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20210820 { background-image:url(/images/banners/20210820/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20210820 { background-image:url(/images/banners/20210820/banner1_1.jpg); }
}
/*
10대뉴스
2021-11-15
*/
#Main_Banner #Main_Banner_20211115 { background-image:url(/images/banners/20211115/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20211115 { background-image:url(/images/banners/20211115/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20211115 { background-image:url(/images/banners/20211115/banner1_1.jpg); }
}
/*
겨울나기
2021-11-18
*/
#Main_Banner #Main_Banner_20211118 { background-image:url(/images/banners/20211118/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20211118 { background-image:url(/images/banners/20211118/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20211118 { background-image:url(/images/banners/20211118/banner1_1.jpg); }
}
/*
영국 테이트 미술관 특별전
2021-12-20
*/
#Main_Banner #Main_Banner_20211220 { background-image:url(/images/banners/20211220/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20211220 { background-image:url(/images/banners/20211220/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20211220 { background-image:url(/images/banners/20211220/banner1_1.jpg); }
}
/*
영국 테이트 미술관 특별전
2022-01-25
*/
#Main_Banner #Main_Banner_20220125 { background-image:url(/images/banners/20220125/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20220125 { background-image:url(/images/banners/20220125/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20220125 { background-image:url(/images/banners/20220125/banner1_1.jpg); }
}
/*
플로킹
2022-05-06
*/
#Main_Banner #Main_Banner_20220506 { background-image:url(/images/banners/20220506/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20220506 { background-image:url(/images/banners/20220506/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20220506 { background-image:url(/images/banners/20220506/banner1_1.jpg); }
}
/*
아이편한 택시
2022-05-09
*/
#Main_Banner #Main_Banner_20220509 { background-image:url(/images/banners/20220509/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20220509 { background-image:url(/images/banners/20220509/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20220509 { background-image:url(/images/banners/20220509/banner1_1.jpg); }
}
/*
꿈나래 통장
2022-05-25
*/
#Main_Banner #Main_Banner_20220525 { background-image:url(/images/banners/20220525/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20220525 { background-image:url(/images/banners/20220525/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20220525 { background-image:url(/images/banners/20220525/banner1_1.jpg); }
}
/*
희망두배 청년통장
2022-05-25
*/
#Main_Banner #Main_Banner_202205251 { background-image:url(/images/banners/20220525/banner2_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_202205251 { background-image:url(/images/banners/20220525/banner2_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_202205251 { background-image:url(/images/banners/20220525/banner2_1.jpg); }
}
/*
아이편한 택시
2022-06-30
*/
#Main_Banner #Main_Banner_20220630 { background-image:url(/images/banners/20220630/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20220630 { background-image:url(/images/banners/20220630/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20220630 { background-image:url(/images/banners/20220630/banner1_1.jpg); }
}
/*
정신질환자 치료비 지원사업 안내
2020-03-10
*/
#Main_Banner #Main_Banner_20220816 { background-image:url(/images/banners/20220816/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20220816 { background-image:url(/images/banners/20220816/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20220816 { background-image:url(/images/banners/20220816/banner1_1.jpg); }
}
/*
장애인 친화 미용실 헤어카페 더휴 이용 안내
2022-06-30
*/
#Main_Banner #Main_Banner_20221031 { background-image:url(/images/banners/20221031/banner1_2.jpg); }
@media (min-width:768px) {
#Main_Banner #Main_Banner_20221031 { background-image:url(/images/banners/20221031/banner1_1.jpg); }
}
@media (min-width:992px) {
#Main_Banner #Main_Banner_20221031 { background-image:url(/images/banners/20221031/banner1_1.jpg); }
}
/* 복지 서비스 카테고리 */
/* 복지 서비스 카테고리 */
/* 복지 서비스 카테고리 */
/* 복지 서비스 카테고리 */
.WS_CategoryBox { border:solid 1px #e3e3e3; position:relative; margin-bottom: 20px; }
.WS_CategoryBox > ul { list-style:none; margin:0; padding:0;}
.WS_CategoryBox > ul > li { width:100%; display:inline-block; }
.WS_CategoryBox > ul > li h4 { display: block; position:relative; margin: 0; width: 25%; cursor: pointer; text-align: center; padding: 15px 5px;line-height: 1.4em; border-right:solid 1px #e3e3e3; background-color:#f4f2f2; }
.WS_CategoryBox > ul > li.active h4 { background-color:#1b69c1; color:#FFF; height:70px; }
.WS_CategoryBox > ul > li.active h4 > span:after { content: ''; position: absolute; top: 50%; right: -4px; display: block; width: 4px; height: 9px; margin-top: -5px; background: url('/images/icon_active.png') no-repeat 0 0; background-size: auto; background-size: auto 9px; }
.WS_CategoryBox > ul > li.WS1 h4 { border-bottom: solid 1px #e3e3e3; }
.WS_CategoryBox > ul > li.WS2 h4 { border-bottom: solid 1px #e3e3e3; }
.WS_CategoryBox > ul > li.WS3 h4 {}
.WS_CategoryBox > ul > li > ul { display:none; text-align:center; list-style:none; margin:0; padding:0; }
.WS_CategoryBox > ul > li.active > ul { display:inline-block; width:75%; position:absolute; top:0; right:0; }
.WS_CategoryBox > ul > li > ul > li { display:inline-block; width:33.333%; height:110px; overflow:hidden; float:left; }
.WS_CategoryBox > ul > li > ul > li:hover { background: #E9E9E9; }
.WS_CategoryBox > ul > li > ul > li a { display:block; width:100%; padding:10px; text-align:center; font-size:12px; color:#0c294a;}
.WS_CategoryBox > ul > li > ul > li a img { width: 60px; height: auto; margin: 5px auto; padding: 5px; border-radius: 10px; box-shadow: 0px 0px 5px #f4f4f4; }
.WS_CategoryBox > ul > li.WS1 > ul > li a img { background-color:#FFD4C9; border: solid 1px #e3856b; }
.WS_CategoryBox > ul > li.WS2 > ul > li a img { background-color:#FFFCF4; border: solid 1px #dda736; }
.WS_CategoryBox > ul > li.WS3 > ul > li a img { background-color:#C4E3F0; border: solid 1px #4fb4df; }
@media (min-width:768px) {
.WS_CategoryBox { height: 280px; border-bottom: none;}
.WS_CategoryBox > ul:after { clear:both; }
.WS_CategoryBox > ul > li { display:inline-block; float:left; height:278px; }
.WS_CategoryBox > ul > li h4 { display: block; position:relative; margin: 0; width: 100%; cursor: pointer; text-align: center; padding: 15px 5px;line-height: 1.4em; border-bottom:solid 1px #e3e3e3; background-color:#f4f2f2; color:#444; }
.WS_CategoryBox > ul > li.active h4 { background-color:#f4f2f2; height: auto; color:#444; }
.WS_CategoryBox > ul > li.active h4 > span:after { display:none; }
.WS_CategoryBox > ul > li.WS1 { width: 37.5%; border-top:4px solid #F6C4B6; }
.WS_CategoryBox > ul > li.WS2 { width: 25%; border-top:4px solid #F8E2B4; }
.WS_CategoryBox > ul > li.WS3 { width: 37.5%; border-top:4px solid #C4E3F0; }
.WS_CategoryBox > ul > li > ul { display:block; text-align:center; list-style:none; margin:0; padding:0; height:230px; border-left:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; }
.WS_CategoryBox > ul > li.WS3 > ul { border-right:solid 1px #e3e3e3; }
.WS_CategoryBox > ul > li.active > ul { display:block; width:100%; position: static; top:0; right:0; }
.WS_CategoryBox > ul > li > ul > li.active { background-color: #eceaff; border-radius: 5px; border: solid 1px #e3e3e3; }
.WS_CategoryBox > ul > li.WS2 > ul > li { width: 50%; }
.WS_CategoryBox > ul > li > ul > li a { display:block; width:90%; margin:5px; padding:5px; text-align:center; font-size:12px; }
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
/* 메인 바로가기 아이콘 */
/* 특징 feature col 하단에 div 사용하면 않됨 */
.feature { margin:20px 0; }
.feature > div + div { padding-left: 20px; padding-top:30px; }
.feature > div h4 { text-align:center; color:#666; }
.feature > div h4 .fas { font-size:30px !important; color:#0080c3; margin-bottom:30px; display:block; }
.feature > div h4 {}
.feature > div p { color:#4b525d;}
.feature + .row { margin-top:50px; }
.feature .serviceBox .serviceBoxBody { border-radius:20px; overflow:hidden; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); }
.feature .serviceBox .serviceBoxBody.online { background-image: url(/images/main/box_bg1.jpg); background-size: cover;}
.feature .serviceBox .serviceBoxBody.sos { background-image: url(/images/main/box_bg2.jpg); background-size: cover;}
.feature .serviceBox .serviceBoxBody.sponsor2 { background-image: url(/images/main/box_bg3.jpg); background-size: cover;}
.feature .serviceBox .serviceBoxBody a { margin:0; padding:0; display:block; position:relative; text-align:center; }
.feature .serviceBox .serviceBoxBody a .icon_box { margin:0; padding: 20px 20px 20px 80px; text-align:center; }
.feature .serviceBox .serviceBoxBody a h4 { display:block; margin:0 0 8px 0; border-top: none; text-align: left; padding-top:15px; color:#000; }
.feature .serviceBox .serviceBoxBody a p { margin:0; padding: 0 15px 0 0; text-align:left; min-height: 55px; }
@media (min-width:768px) {
.feature { margin-top:50px; }
.feature > div + div { padding-left: 20px; padding-top:30px; }
.feature > div h4 { text-align:center; color:#666; }
.feature > div h4 .fas { font-size:60px !important; color:#0080c3; margin-bottom:30px; display:block; }
.feature > div h4 {}
.feature > div p { color:#4b525d;}
.feature + .row { margin-top:50px; }
.feature .serviceBox .serviceBoxBody { border-radius:20px; overflow:hidden; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); }
.feature .serviceBox .serviceBoxBody a { margin:0; padding:0; }
.feature .serviceBox .serviceBoxBody a .icon_box { margin:0; padding: 20px; text-align:center; position:static; }
.feature .serviceBox .serviceBoxBody a .icon_box img { margin:0 auto; }
.feature .serviceBox .serviceBoxBody a h4 { display:block; margin:0 0 8px 0; text-align:center; padding-top:15px; color:#000; }
.feature .serviceBox .serviceBoxBody a p { margin:0; padding: 0 15px; text-align:center; min-height: 55px; }
.feature > div + div { padding-left: 20px; padding-top:0; }
.feature > div h4 { text-align:left; }
.feature .featureText { min-height:250px;}
}
/* 노원 복지 소식 + 복지광장 */
.maim_list_news { border:solid 1px #d9d9d9; margin-bottom:20px; min-height:120px; }
.maim_list_news h3 { margin:0 0 10px 0; padding-bottom:10px; }
.maim_list_news h3 a { color:#FFF; }
.maim_list_news ul.main_post { padding:0 15px; margin:0; list-style:none; }
.maim_list_news ul.main_post li.listing-item { position:relative; padding:5px; height:30px; overflow:hidden; }
.maim_list_news ul.main_post li a.title { font-size:11pt; display:inline-block; margin-left:85px;}
.maim_list_news ul.main_post li span.date { font-size:11pt; position:absolute; left:8px; top:7px; color:#999;}
.maim_list_news .maim_list_title {
background-size:cover;
background-position:top center;
padding:15px;
}
.maim_list_news .maim_list_title1 { background-image:url(/images/main/list_bg1.jpg); }
.maim_list_news .maim_list_title2 { background-image:url(/images/main/list_bg2.jpg); }
.maim_list_news .maim_list_title3 { background-image:url(/images/main/list_bg3.jpg); }
.maim_list_news .maim_list_title4 { background-image:url(/images/main/list_bg4.jpg); }
@media (min-width:768px) {
.maim_list_news { border:solid 1px #d9d9d9; margin-bottom:20px; min-height:220px; }
}
/**********************************
서브
**********************************/
#leftMenu {}
#leftMenu h2 { font-size:14px; color:#fff; background-color:#1b69c1; text-align:center; padding:15px 5px; margin:0; }
#leftMenu ul.sub-menu {
border-left:solid 1px #e3e3e3;
border-right:solid 1px #e3e3e3;
border-bottom:solid 1px #e3e3e3;
margin:0 0 30px 0;
list-style:none;
}
#leftMenu ul.sub-menu li { display:block; }
#leftMenu ul.sub-menu li+li { border-top:solid 1px #e3e3e3; }
#leftMenu ul.sub-menu li a { font-size:13px; padding:13px; display:block; font-weight:500; color:#000; }
#leftMenu ul.sub-menu li a:hover { color:#1b69c1; }
#leftMenu ul.sub-menu li a.active { font-weight:bold; background-color:#f4f2f2; }
#leftMenu ul.sub-menu li a i { display:inline-block; margin-left:5px; color:#7b829994; }
/* 페이지 헤더 */
.breadcrumb-wrapper { padding:30px 0; position:relative; }
.page_description { margin: 10px auto; }
.page_description p { margin:0; padding:0; }
.breadcrumb-wrapper .breadcrumb {
position: static;
text-align: center;
margin: 0;
color: #1b69c1;
text-transform: uppercase;
}
.breadcrumb-wrapper .breadcrumb a { color:#1b69c1; }
.breadcrumb-wrapper .breadcrumb .active { font-weight:600; }
.breadcrumb-wrapper .breadcrumb > li + li::before { color:#1b69c1;}
@media (min-width:768px) {
.breadcrumb-wrapper .breadcrumb { position:absolute; bottom:-50px; right:0; }
}
/* 인사말 */
.greeting {
margin-bottom: 50px;
padding-bottom: 40px;
/*
padding-bottom: 140px;
background: url(/images/commissioner.png) no-repeat right bottom;
background-size: 200px;
*/
}
.greeting p { line-height:1.8em; font-size:12pt; }
.greeting p strong { font-size:14pt; color:#000; }
.greeting p strong span { font-size:14pt; color:#e06d07; display:block; }
.greeting figure { margin-left:30px; }
.greeting .greetingPhoto { width:160px !important; }
@media (min-width:768px) {
.greeting {
margin-bottom:50px;
padding-bottom: 40px;
/*
padding-bottom: 180px;
background: url(/images/commissioner.png) no-repeat right bottom;
background-size:200px;
*/
}
.greeting .greetingPhoto { width:250px !important; }
.greeting figure { margin-left:30px !important; }
.greeting p strong span { font-size:14pt; color:#e06d07; display: inline; }
}
/* 복지샘이란 */
.watisit {}
.watisit h3 { margin-bottom: 30px; }
.watisit p { font-size:12pt; line-height:1.8em;}
.watisit .wp-block-image figure { margin-top:-50px; }
/* 후원하기 */
.sponsor { padding:30px 10px;}
.sponsor blockquote {
font-size: 11pt;
margin-bottom: 20px;
line-height: 1.6em;
font-style: italic;
}
.sponsor h3 { color:#1b69c1; font-size:12pt; font-weight:bold !important; text-align:center; }
.sponsor section { padding: 15px 0; margin-bottom:30px; }
.sponsor section h4 { border-left:solid 5px #1b69c1; padding-left:15px; line-height:1.6em; color:#1b69c1; font-weight:bold !important; }
.sponsor section .sectionContent { font-size:10pt; line-height:1.6em; }
.sponsor section .sectionContent ul { margin-left:30px; }
.sponsor section .sectionContent .sp_box1,
.sponsor section .sectionContent .sp_box2 { background:none; padding-left:0px; margin-bottom:30px; }
.sponsor section .sectionContent .sponsorinfotext1 ,
.sponsor section .sectionContent .sponsorinfotext2 { border:solid 1px #e3e3e3; border-radius:8px; padding:15px 25px;; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }
.sponsor section .sectionContent .sponsorinfotext1 p ,
.sponsor section .sectionContent .sponsorinfotext2 p { font-size:10pt; margin-bottom:10px; color:#972727; font-weight:700; text-align:center; }
.sponsor section .flowBox { margin:0 -15px; border-top:solid 1px #e3e3e3; }
.sponsor section .flowBox ol { list-style:inside; list-style-type:decimal; padding:0; margin:0; }
.sponsor section .flowBox ol:after { clear:both; }
.sponsor section .flowBox ol li { display: block; padding:10px; width:100%; text-align: center; }
.sponsor section .flowBox ol li + li div:after { content:' '; display:block; width:0px; height:0px; position:absolute;
top:-8px; left: 50%; margin-top:-3px; z-index: auto;
border-top:6px solid #1b69c1;
border-bottom:6px solid #fff;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
.sponsor section .flowBox ol li > div { border: none; height: auto; padding:5px; text-align: center; position:relative; line-height:1.2em; background-color: transparent; }
.sponsor section .sectionContent .well { height:167px; }
.sponsor section .sectionContent .well p { margin:0; padding:0;}
.sponsor section .sectionContent .well hr { margin:15px 0; }
@media (min-width:768px) {
.sponsor { padding:30px 50px;}
.sponsor h3 { font-size:16pt; }
.sponsor section { padding: 15px 30px; }
.sponsor section .sectionContent .sp_box1 { background-image:url(/wp-content/uploads/2019/12/money.png); background-position:left inherit; background-repeat:no-repeat; background-size:150px; padding-left:180px; margin-bottom:30px; }
.sponsor section .sectionContent .sp_box2 { background-image:url(/wp-content/uploads/2019/12/gift.png); background-position:left inherit; background-repeat:no-repeat; background-size:150px; padding-left:180px; margin-bottom:30px; }
.sponsor section .sectionContent .sponsorinfotext1 ,
.sponsor section .sectionContent .sponsorinfotext2 { border:solid 1px #e3e3e3; border-radius:8px; padding:15px 25px;; }
.sponsor section .sectionContent .sponsorinfotext1 p ,
.sponsor section .sectionContent .sponsorinfotext2 p { font-size:10pt; margin-bottom:10px; text-align:left; }
.sponsor section .flowBox { margin:0 -15px; border-top:none; }
.sponsor section .flowBox ol { list-style:inside; list-style-type:decimal; padding:0; margin:0; }
.sponsor section .flowBox ol:after { clear:both; }
.sponsor section .flowBox ol li { display: table-cell; padding:8px; width:25%; text-align:center; }
.sponsor section .flowBox ol li + li div:after { content:' '; display:block; width:0px; height:0px; position:absolute; top:50%; left:-10px; margin-top:-3px; z-index: auto; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right: 6px solid #fff; border-left: 6px solid #1b69c1; }
.sponsor section .flowBox ol li > div { border:solid 1px #e3e3e3; height:80px; padding:15px 5px; text-align:center; position:relative; }
.sponsor section .sectionContent .well { height:167px; }
.sponsor section .sectionContent .well p { margin:0; padding:0;}
.sponsor section .sectionContent .well hr { margin:15px 0; }
}
/* 복지 서비스 */
.welfareService {}
.welfareService .row+.row { margin-top:10px;}
.welfareService .row li { width:50%; height:auto; margin:0 -2px 25px -2px; border:solid 5px #e3e3e3; }
.welfareService .row li.active { border:solid 5px #0080c3; }
.welfareService .row li.title { background-color:#0080c3; color:#FFF; text-align:center; padding:30px; margin:0 0 25px 0; height:70px; width:100%; border:solid 5px #0080c3; }
.welfareService .row li a { display:block; padding:10px; }
.welfareService .row li a img { padding:0 15px 15px 15px; margin:0 auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.welfareService .row li a span { display:block; text-align:center; color:#333; font-weight:bold; }
.welfareService .row li.active a { }
.welfareService .row li.active a img { -webkit-filter: grayscale(0); filter: grayscale(0); }
/* 복지서비스 리스트 */
/* 검색 서비스 카운터 */
.serviceCount { text-align: left; margin:10px 0 15px 0; }
.serviceCount { font-size: 11pt; font-weight:600; color:#1B69C1; }
#ServicesLists { min-height: 50px; }
#ServicesLists .ServicesList { padding: 0; margin: 15px 0px 30px 0px; list-style: none; }
#ServicesLists .ServicesList > li { padding: 0; margin-bottom:50px; }
#ServicesLists .ServicesList > li .serviceBox { border: none; }
#ServicesLists .ServicesList > li .serviceBox .serviceTitle { padding: 10px 10px 10px 15px; border-bottom:solid 1px #e3e3e3; border-left: solid 5px #1b69c1; background-color:#fff; margin-bottom:15px; }
#ServicesLists .ServicesList > li .serviceBox .serviceTitle a { }
#ServicesLists .ServicesList > li .serviceBox .serviceTitle h3 { margin:0; color:#1b69c1; }
#ServicesLists .ServicesList > li .serviceBox .serviceTitle a:hover { }
#ServicesLists .ServicesList > li .serviceBox .serviceTitle a:hover h3 {
color: #FF0000;
text-decoration: underline;
}
#ServicesLists .ServicesList > li .serviceBox .serviceContent { padding: 10px; margin-bottom:0px; font-size:9pt; position:relative; border-bottom:solid 1px #e3e3e3; }
#ServicesLists .ServicesList > li .serviceBox .serviceContent:after { content:" "; display:block; background: linear-gradient( to bottom, #ffffff61, white ); height:20px; width:100%; bottom:0; position:absolute; }
#ServicesLists .ServicesList > li .serviceBox .serviceContent p { font-size:9pt; line-height:1.2em; margin:0 0 15px; }
#ServicesLists .ServicesList > li .serviceBox .servicefooter { padding: 10px; font-size:10pt; text-align:left; color:#1b69c1; font-weight:400; }
/*
#ServicesLists .ServicesList > li .serviceBox { border:solid 1px #e3e3e3; }
#ServicesLists .ServicesList > li .serviceBox .serviceTitle { padding: 30px; border-bottom:solid 1px #e3e3e3; background-color:#0080c33d; }
#ServicesLists .ServicesList > li .serviceBox .serviceTitle a { }
#ServicesLists .ServicesList > li .serviceBox .serviceTitle h3 { margin:0; color:#0080c3; }
#ServicesLists .ServicesList > li .serviceBox .serviceContent { padding: 30px; margin-bottom:20px; font-size:12pt; }
#ServicesLists .ServicesList > li .serviceBox .serviceContent p { font-size:12pt; line-height:1.6em; margin:0 0 15px; }
#ServicesLists .ServicesList > li .serviceBox .servicefooter { padding: 30px; border-top: solid 1px #e3e3e3; background-color:#e3e3e3; }
*/
#ServicesLists.list li { display:block; width:100%;}
#ServicesLists.list li .serviceBox { }
#ServicesLists.box li { display:inline-block; width:100%; }
#ServicesLists.box li:nth-child(1n) .serviceBox { margin-right:0px; }
#ServicesLists.box li:nth-child(2n) .serviceBox { margin-left:0px; }
#ServicesLists.box .ServicesList > li .serviceBox .serviceContent { height:160px; overflow:hidden; }
#ServicesLists .pagination { width:100%; text-align:center; }
#ServicesLists .pagination .pods-pagination-paginate { }
#ServicesLists .pagination a { }
#ServicesLists .pagination .page-numbers{ display: inline-block; margin: 0 3px; border: solid 1px #e3e3e3; width: 30px; height: 30px; overflow: hidden; padding: 5px; font-size: 9pt; }
#ServicesLists .pagination .prev { }
#ServicesLists .pagination .next { }
#ServicesLists .pagination .current { background-color:#1b69c1; color:#fff; }
.welfareSearchForm #SearchWelfare { margin-bottom:20px; width:100%;}
.welfareSearchForm #ListViewType_List,
.welfareSearchForm #ListViewType_Box { display:none; }
@media (min-width:768px) {
.welfareService ul { margin:0 !important;}
#ServicesLists.box li { display:inline-block; width:50%; vertical-align:top; }
#ServicesLists.box li:nth-child(1n) .serviceBox { margin-right:15px; }
#ServicesLists.box li:nth-child(2n) .serviceBox { margin-left:15px; }
.welfareService .row+.row { margin-top:10px;}
.welfareService .row li { width:150px; height:150px; margin:0;}
.welfareService .row li.title { background-color:#0080c3; color:#FFF; text-align:center; vertical-align: top; padding:30px; margin-right:15px;width:150px; height:150px; }
.welfareService .row li a { display:block; padding:10px; }
.welfareService .row li a img { padding:0 15px 15px 15px; }
.welfareSearchForm { text-align: right;}
.welfareSearchForm #SearchWelfare { margin-bottom:0px; width:auto;}
.welfareSearchForm #ListViewType_List,
.welfareSearchForm #ListViewType_Box { display: inline-block; }
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
/* 복지 서비스 상세보기 */
#weldetail {}
#weldetail h2 { color:#000; font-weight:bold; border-bottom:2px solid #08b2ea57; margin-bottom:50px; padding:0 0 20px; }
#weldetail h3 { font-weight:bold; border-bottom:solid 1px #e3e3e3; margin-bottom:20px; font-size:24px; }
#weldetail h3 i { margin-right:5px; font-size:32px; }
#weldetail .Support_target,
#weldetail .Support_details,
#weldetail .Application,
#weldetail .contact_information { margin-bottom:50px; }
#weldetail .Support_target {}
#weldetail .Support_details {}
#weldetail .Application {}
#weldetail .contact_information {}
#weldetail .wcontent { margin-left:15px; padding-bottom:20px; }
#weldetail .wcontent p { font-size:12pt; line-height:1.6em;}
#weldetail .wcontent > table { background-color:#fff; }
#weldetail .wcontent > table tbody { }
#weldetail .wcontent > table tbody tr { border:solid 1px #e3e3e3; }
#weldetail .wcontent > table tbody tr td { border:solid 1px #e3e3e3; padding:7px 8px; line-height:1.6em; }
#weldetail .wcontent > table tbody tr:first-child td {
/*
font-weight:bold; background-color:#E2EDFF;
*/
}
#weldetail .wcontent > table tbody { }
/* 리스트 지원대상 테이블 */
.serviceBox .serviceContent > table { background-color:#fff; }
.serviceBox .serviceContent > table tbody { }
.serviceBox .serviceContent > table tbody tr { border:solid 1px #e3e3e3; }
.serviceBox .serviceContent > table tbody tr td { border:solid 1px #e3e3e3; padding:7px 8px; line-height:1.6em; }
.serviceBox .serviceContent > table tbody tr:first-child td { font-weight:bold; background-color:#E2EDFF; }
.serviceBox .serviceContent > table tbody { }
/* 담당부서 정보 */
#weldetail .contact_information .agencys { list-style:none; margin:0; padding:0; }
#weldetail .contact_information .agencys li { display:inline-block; margin: 15px; }
#weldetail .contact_information .agencys li .agencyBox { min-width: 300px; min-height: 120px; }
#weldetail .contact_information .agencys li .agencyBox .A_Title { padding:0 0 15px; margin: 0 0 15px; border-bottom:1px solid #e3e3e3; }
#weldetail .contact_information .agencys li .agencyBox .A_Title a { font-weight:bold; }
#weldetail .contact_information .agencys li .agencyBox .A_Tel {}
#weldetail .contact_information .agencys li .agencyBox .A_Fax {}
#weldetail .contact_information .agencys li .agencyBox .A_email {}
#weldetail .contact_information .agencys li .agencyBox .A_Homepage {}
#weldetail .contact_information .agencys li .agencyBox p { margin:5px 0; }
#weldetail .contact_information .agencys li .agencyBox p i.fas { margin-right:8px; }
@media (min-width:768px) {
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
/* 담당부서 */
.departmentContent {}
.departmentContent h2 { padding:0 0 15px 0; margin: 0 0 30px 0; border-bottom:solid 3px #e3e3e3; }
.departmentContent #ServicesLists { border:none; margin-bottom:50px;}
.departmentContent #ServicesLists ul { list-style:none; margin:0; padding:0; }
.departmentContent #ServicesLists ul li { display:block; margin-bottom: 10px; }
.departmentContent #ServicesLists ul li i { color:#1b69c16b; margin-right:5px; }
.departmentContent #ServicesLists ul li a { font-size:13pt; color:#333; }
.departmentContent #ServicesLists ul li .serviceBox { padding: 5px; }
.departmentContent .in_charges h4 { padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #e3e3e3; }
.departmentContent .in_charges ul { list-style:none; margin:10px; }
.departmentContent .in_charges ul li { display:inline-block; padding:5px; }
.departmentContent .mapInfo { margin-top: 50px; }
.departmentContent .mapInfo #A_Map { padding:0; margin: 15px 0 50px 0; border:solid 1px #e3e3e3; min-height: 300px;}
@media (min-width:768px) {
.departmentContent #ServicesLists { margin-bottom:0;}
.departmentContent .in_charges ul li { display:block; padding:5px; }
}
/* 복지시설 찾기 */
.agfind > * { font-size:9pt; }
#ag_typs_Box { border:solid 1px #e3e3e3; font-size:9pt; margin: 0 15px 30px 15px; }
#ag_typs_Box .box_header { margin:0 -16px; padding:15px 15px; background-color:#008191; color:#fff; }
#ag_typs_Box .box_header h4 { margin:0; }
#ag_typs_Box .box_header h4 span { display:inline-block; width:26px; height:26px; color:#fff; background-color:#002565; margin-right:8px; border-radius:50%; text-align:center; padding-top:3px; }
#ag_typs_Box .box_header h4 small { color:#fff; }
#ag_typs_Box .ag_typs { min-height:230px; background-color:#f4f4f4; padding:15px 0 0 0;}
#ag_typs_Box .ag_typs .col-xs-4 { padding-left:5px; padding-right:5px; }
#ag_typs_Box .ag_typs .btn-group { width:100%; margin-bottom: 15px;}
#ag_typs_Box .ag_typs .btn-group label { width:100%; font-size:9pt; text-align:left; padding-left:30px; }
/* 아이콘
- 텍스트 사이즈로 가림.. 안보이게 */
#ag_typs_Box .ag_typs #bt_agct_2 { background-image:url(/images/icon/agType/icon01.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
#ag_typs_Box .ag_typs #bt_agct_3 { background-image:url(/images/icon/agType/icon02.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
#ag_typs_Box .ag_typs #bt_agct_4 { background-image:url(/images/icon/agType/icon03.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
#ag_typs_Box .ag_typs #bt_agct_5 { background-image:url(/images/icon/agType/icon07.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
#ag_typs_Box .ag_typs #bt_agct_6 { background-image:url(/images/icon/agType/icon05.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
#ag_typs_Box .ag_typs #bt_agct_7 { background-image:url(/images/icon/agType/icon06.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
#ag_typs_Box .ag_typs #bt_agct_8 { background-image:url(/images/icon/agType/icon04.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
#ag_typs_Box .ag_typs #bt_agct_9 { background-image:url(/images/icon/agType/icon08.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
#ag_typs_Box .ag_typs #bt_agct_10 { background-image:url(/images/icon/agType/icon09.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
#ag_typs_Box .ag_typs #bt_agct_11 { background-image:url(/images/icon/agType/icon10.png); background-repeat:no-repeat; background-size:20px 20px; background-position:5px center; }
/*
*/
#ag_typs_Box .ag_typs #bt_agct_1.active {color: #fff; background-color:#204d74; border-color:#122b40; }
#ag_typs_Box .ag_typs #bt_agct_2.active {color: #fff; background-color:#aed37b; border-color:#638633; }
#ag_typs_Box .ag_typs #bt_agct_3.active {color: #fff; background-color:#f2987e; border-color:#7d3d2b; }
#ag_typs_Box .ag_typs #bt_agct_4.active {color: #fff; background-color:#8fd0d7; border-color:#288691; }
#ag_typs_Box .ag_typs #bt_agct_5.active {color: #fff; background-color:#f5c46f; border-color:#71582d; }
#ag_typs_Box .ag_typs #bt_agct_6.active {color: #fff; background-color:#c29ac5; border-color:#591b5e; }
#ag_typs_Box .ag_typs #bt_agct_7.active {color: #fff; background-color:#7b9dcb; border-color:#244675; }
#ag_typs_Box .ag_typs #bt_agct_8.active {color: #fff; background-color:#d597c1; border-color:##64224f; }
#ag_typs_Box .ag_typs #bt_agct_9.active {color: #fff; background-color:#ef8672; border-color:#68271b; }
#ag_typs_Box .ag_typs #bt_agct_10.active {color: #fff; background-color:#efc37d; border-color:#714e18; }
#ag_typs_Box .ag_typs #bt_agct_11.active {color: #fff; background-color:#abd17d; border-color:#629b1c; }
/* 지역 선택 */
#ag_location_box {border:solid 1px #e3e3e3; font-size:9pt; margin: 0 15px 30px 15px; }
#ag_location_box .box_header { margin:0 -16px; padding:15px 15px; background-color:#24A1B0; color:#fff; }
#ag_location_box .box_header:after { display: none !important;}
#ag_location_box .box_header h4 { margin:0; }
#ag_location_box .box_header h4 span { display:inline-block; width:26px; height:26px; color:#fff; background-color:#002565; margin-right:8px; border-radius:50%; text-align:center; padding-top:3px; }
#ag_location_box .box_header h4 small { color:#fff; }
#ag_location_box .ag_location { min-height:230px; background-color:#f4f4f4; padding:15px 0 0 0;}
#ag_location_box .ag_location .NowonMap { margin:5px auto; height:140px; width:auto;}
#ag_location_box .ag_location ul { list-style:none; margin:0; }
#ag_location_box .ag_location ul li { margin-bottom:5px; display:inline-block; width:50%; float:left; }
#ag_location_box .ag_location ul > li:first-child { width:100%; padding:0; }
#ag_location_box .ag_location ul li:nth-child(2),
#ag_location_box .ag_location ul li:nth-child(4),
#ag_location_box .ag_location ul li:nth-child(6) { padding-right:5px; }
#ag_location_box .ag_location ul li:nth-child(3),
#ag_location_box .ag_location ul li:nth-child(5),
#ag_location_box .ag_location ul li:nth-child(7) { padding-left:5px; }
#ag_location_box .ag_location ul li .btn-group { width:100%; }
#ag_location_box .ag_location ul li label { font-size:9pt; width:100%; }
#ag_location_box .ag_location ul li label.active { }
#ag_location_box .ag_locations #bt_agl1.active {color: #fff; background-color:#204d74; border-color:#122b40;}
#ag_location_box .ag_locations #bt_agl2.active {color: #0d6b8e; background-color:#a0d3e6; border-color:#0d6b8e;}
#ag_location_box .ag_locations #bt_agl3.active {color: #17803e; background-color:#a5d5b7; border-color:#17803e;}
#ag_location_box .ag_locations #bt_agl4.active {color: #6f6b0e; background-color:#f3ef7e; border-color:#6f6b0e;}
#ag_location_box .ag_locations #bt_agl5.active {color: #5e1d1e; background-color:#f2a4a5; border-color:#5e1d1e;}
#ag_location_box .ag_locations #bt_agl6.active {color: #1c3975; background-color:#a0b4dd; border-color:#1c3975;}
#ag_location_box .ag_locations #bt_agl7.active { }
@media (min-width:768px) {
#ag_typs_Box { border:solid 1px #e3e3e3; font-size:9pt; margin:0 -16px 0 0; }
#ag_typs_Box .box_header,
#ag_typs_Box .ag_typs { margin:0; }
#ag_typs_Box .ag_typs .col-xs-4 { padding-left:5px; padding-right:5px; }
#ag_typs_Box .box_header { padding:15px 15px; background-color:#008191; color:#fff; }
#ag_typs_Box .box_header h4 { margin:0; }
#ag_typs_Box .box_header h4 span { display:inline-block; width:26px; height:26px; color:#fff; background-color:#002565; margin-right:8px; border-radius:50%; text-align:center; padding-top:3px; }
#ag_typs_Box .box_header h4 small { color:#fff; }
#ag_typs_Box .ag_typs { min-height:230px; background-color:#f4f4f4; padding:15px 15px 0 15px;}
#ag_typs_Box .ag_typs .btn-group { width:100%; margin-bottom: 15px;}
#ag_typs_Box .ag_typs .btn-group label { width:100%;}
#ag_location_box {border:solid 1px #e3e3e3; font-size:9pt; margin:0 0 0 -16px; }
#ag_location_box .box_header,
#ag_location_box .ag_location { margin:0; }
#ag_location_box .box_header { padding:15px 15px; background-color:#24A1B0; color:#fff; }
#ag_location_box .box_header:after { content: ' '; display: block !important; width: 0px; height: 0px; position: absolute; top: 0; left: -1px; z-index: 100; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-right: 10px solid none; border-left: 10px solid #008191; }
#ag_location_box .box_header h4 { margin:0; }
#ag_location_box .box_header h4 span { display:inline-block; width:26px; height:26px; color:#fff; background-color:#002565; margin-right:8px; border-radius:50%; text-align:center; padding-top:3px; }
#ag_location_box .box_header h4 small { color:#fff; }
#ag_location_box .ag_location { min-height:230px; background-color:#f4f4f4; padding:15px 15px 0 15px;}
#ag_location_box .ag_location ul { list-style:none; }
#ag_location_box .ag_location .NowonMap { margin:5px auto; height:140px; width:auto;}
}
@media (min-width:992px) {
#ag_typs_Box .ag_typs .col-xs-4 { padding-left:15px; padding-right:15px; }
#ag_location_box .ag_location .NowonMap { margin:5px auto; height:100px; width:auto;}
}
@media (min-width:1200px) {
#ag_location_box .ag_location .NowonMap { margin:5px auto; height:140px; width:auto;}
}
#ag_searchbox { margin-bottom:25px; margin-top:25px; }
#ag_searchbox #search { /* height:38px; */ }
/* 검색바 */
button.bt_Search {background-color:#1a66bd; color:#fff;border-color:#174273;}
#table_View, #map_View { font-size:9pt;}
/*
민간기관 지도
*/
#A_Map { min-height: 350px; border: solid 1px #999; background-color: #F0F0F0; }
@media (min-width:768px) {
#A_Map { min-height: 400px; }
}
@media (min-width:992px) {
#A_Map { min-height: 600px; }
}
@media (min-width:1200px) {
#A_Map { min-height: 600px; }
}
#A_List { margin: 0; padding: 5px; width: 100%; height: 100%; list-style: none; font-size:9pt; border:solid 1px #e3e3e3;}
#A_List .A_Box { display: block; margin: 5px 0; padding: 5px; }
#A_List .A_Box .agName { margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: solid 1px #e3e3e3; font-size:10pt;}
#A_List .A_Box .agAddress { cursor:pointer; }
#A_List .A_Box p { margin-bottom: 5px; font-size:9pt; }
/* 나에게 맞는 복지 서비스 */
#WFSearch { margin: 50px 0; }
#WFSearch .searchBox { height:60px; border: solid 5px #1b69c1; border-radius:30px; padding:2px 15px; position:relative; }
#WFSearch .searchBox #search-form { width:100%; }
#WFSearch .searchBox #search-form .search-field { width:100%; padding-right:40px; border:none; padding: 8px; font-size: 18px; font-weight: bold; }
#WFSearch .searchBox #search-form #BT_searchSubmit { position:absolute; top:8px; right:10px; border:none; background:none; }
#WFSearch .searchBox #search-form #BT_searchSubmit i { font-size: 24px;}
/* 검색 결과 */
.SearchResultSection { margin-bottom: 50px; }
.SearchResultSection .resultHeader h4 { border-left:solid 4px #1b69c1; padding-left:15px; border-bottom: solid 1px #e3e3e3; margin-bottom:15px; padding-bottom:10px; height:40px; padding-top:10px; }
.SearchResultSection .resultBody {}
.SearchResultSection .resultBody #ServicesLists {}
.SearchResultSection .resultBody #ServicesLists ul.ServicesList {}
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li { margin-bottom: 50px;}
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox { margin: 0; padding: 10px 15px; position: relative; border-radius: 8px; }
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .serviceTitle { margin: 0; border: none; padding:0; background-color: transparent;}
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .serviceTitle a {}
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .serviceTitle a h3 { font-size: 12pt; }
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .serviceContent { display: block; font-size: 9pt; margin: 0; padding: 8px 15px 0 15px; }
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .serviceContent > * { font-size: 11pt; line-height: 1.2em; }
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .servicefooter { display: none; }
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .serviceContent { max-height: 80px; overflow: hidden;}
.SearchResultSection .resultBody ul.ServicesList { list-style:none; padding:0; margin:0; }
.SearchResultSection .resultBody ul.ServicesList li { margin-bottom: 50px;}
.SearchResultSection .resultBody ul.ServicesList li .serviceBox { margin: 0; padding: 10px 15px; position: relative; border-radius: 8px; }
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .serviceTitle { margin: 0; border: none; padding:0; background-color: transparent;}
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .serviceTitle a {}
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .serviceTitle a h3 { font-size: 12pt; }
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .serviceContent { display: block; font-size: 9pt; margin: 0; padding: 8px 15px 0 15px; }
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .serviceContent > * { font-size: 11pt; line-height: 1.2em; }
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .servicefooter { display: none; }
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .serviceContent { max-height: 100px; overflow: hidden;}
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .skey { color:#F60; font-weight:bold;}
@media (min-width:768px) {
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .serviceContent { max-height: 100px; }
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox:hover .serviceContent { max-height: auto; }
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .serviceContent { max-height: 100px; }
.SearchResultSection .resultBody ul.ServicesList li .serviceBox:hover .serviceContent { max-height: auto; }
}
@media (min-width:992px) {
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .serviceContent { max-height: 100px; }
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .serviceContent { max-height: 100px; }
}
@media (min-width:1200px) {
.SearchResultSection .resultBody #ServicesLists ul.ServicesList li .serviceBox .serviceContent { max-height: 100px; }
.SearchResultSection .resultBody ul.ServicesList li .serviceBox .serviceContent { max-height: 120px; }
}
/* 검색 결과 복지로 */
#ServicesList_Bokjiro {}
#ServicesList_Bokjiro .resultStatus,
#ServicesList_Bokjiro ul.sort,
#ServicesList_Bokjiro div.more,
#ServicesList_Bokjiro div.sCont3 { display:none; }
#ServicesList_Bokjiro .searchResultWrap { margin-bottom:50px; padding:15px; }
#ServicesList_Bokjiro .searchResultWrap .depthTitle { margin-bottom:15px;}
#ServicesList_Bokjiro .searchResultWrap .resultList { list-style:none; margin:0; padding:0; }
#ServicesList_Bokjiro .searchResultWrap .resultList li { margin-bottom: 50px;}
#ServicesList_Bokjiro .searchResultWrap .resultList li .headline { margin-bottom:15px;}
#ServicesList_Bokjiro .searchResultWrap .resultList li .headline .icoAreaIS,
#ServicesList_Bokjiro .searchResultWrap .resultList li .headline .date { font-size:0.8em; color:#666;}
/* SOS 위기지원 서비스 */
.sos .sos_item { margin-bottom:50px; border:4px solid #0080c3; padding:30px; overflow:hidden; position:relative; }
.sos .sos_item .item_body {}
.sos .sos_item .item_body h3 { font-size:26px; margin-bottom:20px; font-weight:bold;}
.sos .sos_item .item_body .sos_plus_icon { position:absolute; right:-15px; top:-8px; font-size:86px; color:#0080c3; }
.sos .sos_item .item_body a p {}
.sos .sos_item .item_footer { border-top:solid 1px #0080c3; padding-top:20px; }
.sos .sos_item .item_footer span { display:block; padding-bottom:5px; font-size:11pt; }
.sos .sos_item .item_footer i { color:#0080c3; font-size:11pt; margin-left:0px; }
.sos .sos_item .item_footer a { font-size:11pt; font-weight:bold; }
/* 노원구 저소득층 위기가구 지원사업 현황 */
#printDataPage { font-size:9pt;}
#printDataPage table { }
#printDataPage table thead { }
#printDataPage table thead tr { }
#printDataPage table thead tr th { }
#printDataPage table tbody { }
#printDataPage table tbody tr { }
#printDataPage table tbody tr td { }
#printDataPage table tbody tr td th { }
#printDataPage table td,
#printDataPage table th { padding:8px 7px; line-height:1.6em; }
.Support_Table table th { padding:8px 7px; line-height:1.6em; }
@media (min-width:768px) {
.Support_Table table th { padding:16px 14px; }
.sos .sos_item .item_footer span { display: inline; padding:0; }
.sos .sos_item .item_footer i { margin-left:30px; }
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
/* 노원구 돌봄 SOS센터 */
#blog.sos {}
#blog.sos ul { margin: 0 0 0 1.5em;}
#blog.sos #SOS_Content { padding:20px 10px 10px 10px; border:solid 1px #e3e3e3; width:100%; margin:0 auto; }
#blog.sos .sospage { margin-bottom: 30px; }
#blog.sos .sospage > * { font-size: 14pt; }
#blog.sos #SOS_Content .heandIMG img { margin:0 auto 50px auto; width:30%; }
#blog.sos #page1.sospage img.logo_right { width: 120px; height:auto;}
#blog.sos #page2.sospage .text-right img { max-width: 80%;}
#blog.sos .sospage .logo_left {height: 75px;}
#blog.sos .sospage .logo_right { text-align: right; height: 75px; }
#blog.sos .sospage h2 img { max-width: 80%; margin: 150px auto 50px auto;}
#blog.sos #page2.sospage h4 { color: #E66D5F; font-size: 30px; font-weight: bold; text-align: center; }
#blog.sos #page2.sospage strong { color: #E66D5F; }
#blog.sos .text-center img { max-width: 100%; margin: 0 auto;}
#blog.sos .sospage .sos_header1 { height: 50px; margin-bottom: 10px; background-color:#75799e; border-radius: 20px; overflow: hidden; }
#blog.sos .sospage .sos_header1 h4 { height: 50px; background-color:#75799e; padding: 15px; color: #fff; font-size: 16px; }
#blog.sos .sospage .sos_header1 h4:after { display: none; }
#blog.sos .sospage .sos_body1 { padding: 10px; margin-bottom: 10px; }
#blog.sos .sospage .sos_body1 > h5 { background-color:#e4e5ec; padding: 15px; color: #000; border-radius: 15px; }
#blog.sos .sospage .block { margin-bottom: 30px; padding: 0 5px; font-size: 9pt; }
#blog.sos .sospage .block p, #blog.sos .sospage .block ul, #blog.sos .sospage .block p { font-size: 9pt; }
#blog.sos .sospage .sos_header2 { height: 50px; margin-bottom: 10px; background-color:#f4a68f; border-radius: 20px; overflow: hidden; }
#blog.sos .sospage .sos_header2 h4 { height: 50px; background-color:#f4a68f; padding: 15px; color: #fff; font-size: 16px; }
#blog.sos .sospage .sos_header2 h4:after { display: none; }
#blog.sos .sospage .sos_body2 { padding: 10px; margin-bottom: 30px; }
#blog.sos .sospage .sos_body2 > h5 { background-color:#ffebe5; padding: 15px; color: #000; border-radius: 15px; }
#blog.sos .sospage .sos_header3 { height: 50px; margin-bottom: 10px; background-color:#7cc4bd; border-radius: 20px; overflow: hidden; }
#blog.sos .sospage .sos_header3 h4 { height: 50px; background-color:#7cc4bd; padding: 15px; color: #fff; font-size: 16px; }
#blog.sos .sospage .sos_header3 h4:after { display: none; }
#blog.sos .sospage .sos_body3 { padding: 10px; margin-bottom: 30px; }
#blog.sos .sospage .sos_body3 > h5 { background-color:#7cc4bd; padding: 15px; color: #000; border-radius: 15px; }
#blog.sos .sospage .sos_header4 { height: 50px; margin-bottom: 10px; background-color:#9ba4d2; border-radius: 20px; overflow: hidden; }
#blog.sos .sospage .sos_header4 h4 { height: 50px; background-color:#9ba4d2; padding: 15px; color: #fff; font-size: 16px; }
#blog.sos .sospage .sos_header4 h4:after { display: none; }
#blog.sos .sospage .sos_body4 { padding: 10px; margin-bottom: 30px; }
#blog.sos .sospage .sos_body4 > h5 { background-color:#9ba4d2; padding: 15px; color: #000; border-radius: 15px; }
#blog.sos #page4 { margin-bottom:0; }
#blog.sos #SOS_Content .tel_table { text-align:center;}
@media (min-width:768px) {
#blog.sos .sospage .sos_body1 { padding: 25px; margin-bottom: 30px; }
#blog.sos .sospage .block { margin-bottom: 50px; padding: 0 25px; font-size: 9pt; }
#blog.sos .sospage .block p, #blog.sos .sospage .block ul, #blog.sos .sospage .block p { font-size: 9pt; }
#blog.sos #SOS_Content { padding:50px; border:solid 1px #e3e3e3; box-shadow:1px 1px 3px rgba(0,0,0,0.3); width:99%; margin:0 auto; }
#blog.sos #SOS_Content .heandIMG img { margin:0 auto 50px auto; width:100%; }
#blog.sos #page2.sospage .text-right img { max-width: 100%;}
#blog.sos #page2.sospage h4 { color: #E66D5F; font-size: 30px; font-weight: bold; text-align: left; }
#blog.sos .sospage h2 img { max-width: 500px; margin: 50px auto;}
#blog.sos .sospage .sos_header1 { height: 80px; margin-bottom: 30px; background-color:#75799e; border-radius: 20px; overflow: hidden; }
#blog.sos .sospage .sos_header1 h4 { height: 80px; background-color:#75799e; padding: 26px; color: #fff; font-size: 24px; }
#blog.sos .sospage .sos_header1 h4:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 80px; height: 80px; background: url('/images/NowonSOSCenter/02/text_bg01/A_3.png') no-repeat 0 0; }
#blog.sos .sospage .sos_body1 > h5 { background-color:#e4e5ec; padding: 15px; color: #000; border-radius: 15px; }
#blog.sos .sospage .sos_header2 { height: 80px; margin-bottom: 30px; background-color:#f4a68f; border-radius: 20px; overflow: hidden; }
#blog.sos .sospage .sos_header2 h4 { height: 80px; background-color:#f4a68f; padding: 26px; color: #fff; font-size: 24px; }
#blog.sos .sospage .sos_header2 h4:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 80px; height: 80px; background: url('/images/NowonSOSCenter/02/text_bg03/C_3.png') no-repeat 0 0; }
#blog.sos .sospage .sos_body2 > h5 { background-color:#ffebe5; padding: 15px; color: #000; border-radius: 15px; }
#blog.sos .sospage .sos_header3 { height: 80px; margin-bottom: 30px; background-color:#7cc4bd; border-radius: 20px; overflow: hidden; }
#blog.sos .sospage .sos_header3 h4 { height: 80px; background-color:#7cc4bd; padding: 26px; color: #fff; font-size: 24px; }
#blog.sos .sospage .sos_header3 h4:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 80px; height: 80px; background: url('/images/NowonSOSCenter/02/text_bg04/D_3.png') no-repeat 0 0; }
#blog.sos .sospage .sos_body3 > h5 { background-color:#7cc4bd; padding: 15px; color: #000; border-radius: 15px; }
#blog.sos .sospage .sos_header4 { height: 80px; margin-bottom: 30px; background-color:#9ba4d2; border-radius: 20px; overflow: hidden; }
#blog.sos .sospage .sos_header4 h4 { height: 80px; background-color:#9ba4d2; padding: 26px; color: #fff; font-size: 24px; }
#blog.sos .sospage .sos_header4 h4:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 80px; height: 80px; background: url('/images/NowonSOSCenter/02/text_bg02/B_3.png') no-repeat 0 0; }
#blog.sos .sospage .sos_body4 > h5 { background-color:#e4e5ec; padding: 15px; color: #000; border-radius: 15px; }
}
/* 아이콘 색 #0080c3 */
/*
복지자료실
eBook
*/
.eBooksTitle { border-bottom:solid 1px #e3e3e3; margin-bottom:15px; text-align:center;}
.eBooksTitle h2 { padding:0 15px; }
.eBooksTitle h2 small { padding-top: 15px; display:block; width:100%;}
.eBooksTitleIMG { margin-bottom:30px; }
.eBooksTitleIMG img { margin:0 auto; }
#eBooks2 { margin-top:-30px; }
#eBooks2 > div { padding:0; }
#eBooks2 > div > img { display:none; }
#eBooks2 .eBookTable > div { width:80%; margin:20px auto 50px auto; display:block; }
@media (min-width:768px) {
.eBooksTitle { border-bottom:solid 1px #e3e3e3; margin-bottom:15px; text-align:left; }
.eBooksTitle:after { clear:both; }
.eBooksTitle h2 { padding:0 15px;}
.eBooksTitle h2 br { display:none; }
.eBooksTitle h2 small { padding-top: 15px; display:inline; width:auto; }
#eBooks2 { margin-top:0px; }
#eBooks2 > div { padding:30px 0; }
#eBooks2 > div > img { display: inherit; }
#eBooks2 .eBookTable > div { width:120px ; margin:20px 15px -2px 15px; display: inline-block; }
}
@media (min-width:992px) {
#eBooks2 .eBookTable > div { width:130px ; margin:20px 15px -2px 15px; display: inline-block; }
}
@media (min-width:1200px) {
#eBooks2 .eBookTable > div { width:150px ; margin:20px 20px -2px 20px; display: inline-block; }
}
/*
큰메뉴 페이지
*/
.service {}
.service .row>div+div {
border-left: 1px solid #e2e4e8;
padding-left: 20px;
}
.service .welfareItem { margin-bottom:50px; }
.service .welfareItem img { width:100%; border:solid 1px #e3e3e3; }
.service .welfareItem h4 { color:#0080c3; font-size:18pt; font-weight:bold; margin:25px 0 15px 0; }
.service .welfareItem p { color:#333; font-size: 11pt; line-height:1.6em; }
@media (min-width:768px) {
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
/*Filter styles*/
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}
/* 프린트 세팅 */
@media print {
body #pf-body { -webkit-print-color-adjust: exact;}
}
#pf-body > table {
border-top:solid 1px #333;
border-bottom:solid 1px #333;
}
/*******************************************
AC Style.css
*******************************************/
/*------------------------------------------------------------------
* Table of Content
* 1. Dafault
* 2. Column title
* 3. Header
* 4. Featured banner
* 5. Section Header
* 6. About us
* 7. skills & Experience
* 8. Portfolio
* 9. Testimonails
* 10. Animated Number
* 11. Blog
* 12. Get-in-touch
* 13. Contact
* 14. Footer
-------------------------------------------------------------------*/
/*************************
*******Dafault******
**************************/
html, body{overflow-x: hidden!important;}
.red-btn {
text-align: center;
margin-top: 35px;
width: 100%;
display: inline-block;
}
.red-btn .btn-primary:hover, .error-section a:hover{
background: #2fbeef;
transition: all ease-in-out 0.3s;
}
.left-btn{
text-align: left;
}
/*
.btn, form.post-password-form input[type="submit"]{
border-radius: 2px;
padding: 8px 12px;
}
*/
.btn-primary, a.btn-primary,
p.form-submit .submit,
.reply a, input.wpcf7-form-control.wpcf7-submit,
form.post-password-form input[type="submit"] {
background: #2fbeef;
font-size: 14px;
transition: all ease-in-out 0.3s;
color: #fff;
padding-left: 15px;
padding-right: 15px;
}
.btn-primary:hover, a.btn-primary:hover,
p.form-submit .submit:hover,
.reply a:hover, input.wpcf7-form-control.wpcf7-submit:hover,
form.post-password-form input[type="submit"]:hover {
background: #2fbeef;
transition: all ease-in-out 0.3s;
}
input[type="password"]{
border-radius: 0px;
padding: 5px 10px;
font-size: 14px;
border: 1px solid #f1f1f1;
}
/*************************
*******Column title******
**************************/
.column-title {
margin-top: 0;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
margin-bottom:50px;
position: relative;
line-height:1;
}
.column-title:after {
content: " ";
position: absolute;
bottom: -1px;
left: 0;
width: 30%;
border-bottom: 2px solid #d42a2a;
}
ul.nostyle {
list-style: none;
padding: 0;
margin-bottom: 20px;
}
ul.nostyle i {
color: #45aed6;
}
.scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
}
@-webkit-keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/*************************
*******Header******
**************************/
.logo{
padding: 10px 0;
display: inline-block;
}
a.logo{
color: #2c2c2c;
}
.logo img{width: auto;max-height: 51px;}
/*************************
*******Featured banner******
**************************/
a.scroll {
position: absolute;
right: 50%;
left: 50%;
bottom: 50px;
width: 100%;
margin: 0 auto;
font-size: 36px;
}
/*************************
*******Section header******
**************************/
.section-header {
margin-bottom: 50px;
width: 70%;
margin: 0 auto 50px;
}
.section-header p{
color: #999;
}
.section-header .section-title {
color: #272727;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
margin: 0 0 20px;
line-height: 0.8;
}
.section-header .section-title span{
color: #1b69c1;
}
.section-header .section-title:before {
content: "";
position: absolute;
width: 140px;
bottom: -2px;
left: 50%;
margin-left: -70px;
height: 1px;
background: #ebebeb;
}
.section-header .section-title:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
bottom: -11px;
left: 50%;
margin-left: -12px;
border: 3px solid #fff;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
background: #039be5;
box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.5);
}
h1.site-title{
margin: 15px 0 40px;
}
.site-title a {
box-shadow: 0 0px 12px;
padding: 5px 15px;
}
/*Navbar*/
/*
.navbar-default {
background:transparent;
}
.navbar {
border-bottom: 0;
}
.sidebar .navbar-nav{
background: transparent;
margin:0;
}
.navbar.navbar-default {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
border: none;
padding: 0;
margin:0;
}
.navbar-brand {
font-size: 24px;
position: relative;
color: #f49b00;
letter-spacing: 2px;
font-weight: 500;
padding: 0;
height: auto;
}
a.navbar-brand {
transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
transition: color 0.5s ease;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
}
.navbar-nav>li>a{
font-weight: 600;
}
a.navbar-brand span{
color: #fc883a;
}
.navbar-default .navbar-brand {
color: #FFF;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.navbar-default .navbar-brand:hover {
color: #D60D45;
}
.colored-navbar-brand .navbar-default .navbar-brand {
padding-right: 30px;
position: relative;
color: #f49b00;
display: inline-block;
float: none;
}
.navbar-default .navbar-nav>li>a {
line-height:inherit;
font-weight: 500;
font-size: 14px;
padding-top: 0;
color: #777;
padding-bottom: 0;
text-transform: uppercase;
letter-spacing: 1px;
padding:20px 20px 15px;
border:none;
font-size: 13px;
border-top: 5px solid transparent;
position: relative;
}
.navbar-default .navbar-nav>li>a:after {
content: '';
position: absolute;
top: 27%;
bottom: 0;
background: #f1f1f1;
width: 1px;
height: 38%;
right: 0;
}
.navbar-default.sticky .navbar-nav>li>a:after {
top: 30%;
}
.navbar-default .navbar-nav>li>a:hover:after{display: none;}
.navbar-default .navbar-nav>li:last-child>a:after{display: none;}
.navbar-default .navbar-nav>li>a.menu_custom_btn:after{display: none;}
.navbar-default .navbar-nav>li>a.menu_custom_btn{
padding: 8px 16px;
margin-top: 25px;
background: #2fbeef;
margin-left: 15px;
border: none;
color: #fff!important;
}
.navbar-default .navbar-nav>li>a.menu_custom_btn:hover{
opacity: 0.8;
color: #fff!important;
background: #2fbeef!important;
border:none;
}
header .navbar-default .navbar-nav>li.active, header .navbar-default .navbar-nav>li.active>a, header .navbar-default .navbar-nav > li > a:hover{
background: #2fbeef!important;
color: #fff;
border-top: 5px solid #1997d2;
}
header .navbar-default .navbar-nav > li > a:hover:after{display: none;}
.sidebar .navbar-default .navbar-nav>li>a .sub{
text-transform: capitalize;
font-weight: 300;
line-height: 30px;
font-size: 11px;
}
.navbar-default .navbar-nav>li>ul>li>a span.sub {
font-size: 11px;
text-transform: capitalize;
position: relative;
}
.navbar-default .navbar-nav>li>ul>li>a span.sub:before {
content: '\f105';
padding-right: 5px;
font-family: 'Font Awesome 5 Free';
}
.sidebar .navbar-default.sticky .navbar-nav>li>a .sub {
display: none;
}
.has-menu-description .logo{
padding: 19px 0;
}
.navbar-default .has-menu-description .navbar-nav>li>a.menu_custom_btn{margin-top: 28px;}
*/
/*search section*/
/*
.header-search {
position: relative;
float: right;
margin-top:5px;
padding-left: 20px;
}
.header-search i {
margin-top: 32px;
color: #777;
}
.header-search .search-box-wrap {
display: none;
position: absolute;
right: 0px;
z-index: 2;
top: 83px;
background: rgba(255, 255, 255, 0.05);
border-width: 0px 1px 1px;
border-color: rgba(255, 255, 255, 0.07);
border-style: solid;
padding: 10px;
}
.header-search .searchform {
width: 360px;
max-width: 100%;
margin: 0px auto;
}
.header-search form.search-form {
position: relative;
}
.header-search form.search-form label{margin: 0;}
.header-search input.search-field, .header-search input.search-field:visited, .header-search input.search-field:focus {
width: 100%;
margin-bottom: 0px;
color: rgb(255, 255, 255);
border-width: 5px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.1);
border-image: initial;
background: rgba(255, 255, 255, 0.05);
padding: 11px 60px 10px 15px;
border: none;
outline: none;
}
.header-search .search-form input#searchsubmit, .header-search .search-form input#searchsubmit:visited {
background: rgb(47, 190, 239);
border-color: rgb(47, 190, 239);
position: absolute;
top: 0px;
right: 0px;
font-size: 13px;
margin: 0px;
border-radius: 0px;
padding: 14px 20px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
*/
/* Main Menu Dropdown */
/*
.navbar-nav li {
position: relative;
text-align: left;
padding: 0;
}
.navbar-nav li ul {
z-index: 9999;
padding: 0;
margin: 0;
position: absolute;
top: 88px;
left: 0;
width: 200px;
display: none;
background-color: #FFF;
border: 1px solid #EEE;
border-top: 2px solid #2fbeef;
-webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}
.navbar.sticky .navbar-nav li ul{top: 74px;}
.navbar-nav li ul li a {
display: block;
padding: 10px 15px;
font-size: 12px;
font-weight: 500;
color: #636363;
border-bottom: 1px solid #f1f1f1;
transition: all ease-in-out 0.3s
}
.navbar-nav li > ul > li:last-child > a,
.navbar-nav li > ul > li > ul > li:last-child > a {
border-bottom: 0;
}
.navbar-nav li ul li:hover a {
padding-left: 20px;
padding-right: 10px;
text-decoration: none;
transition: all ease-in-out 0.3s;
}
.navbar-nav li ul li a:hover{
color:#2fbeef;
transition: all ease-in-out 0.3s;
}
.navbar-nav li a i {
float: right;
}
.navbar-nav li ul li ul {
position: absolute;
left: 199px;
top: -2px!important;
width: 145px;
}
.navbar-nav li ul li:hover ul li a {
padding-left: 15px;
padding-right: 15px;
transition: all ease-in-out 0.3s;
}
.navbar-nav li ul li ul li:hover a {
padding-left: 20px;
padding-right: 10px;
transition: all ease-in-out 0.3s;
}
.navbar-nav li ul li ul li ul li:hover a {
padding-left: 20px;
padding-right: 10px;
transition: all ease-in-out 0.3s;
}
*/
/*
Slicknav - a Mobile Menu
*/
/*
.slicknav_menu {
display: none;
}
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.438em 0.625em 0.438em 0.625em;
line-height: 1.125em;
cursor: pointer;
}
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
}
.slicknav_menu .slicknav_icon {
float: left;
margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
margin: 0
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em
}
.slicknav_nav {
clear: both
}
.slicknav_nav ul,
.slicknav_nav li {
display: block
}
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
cursor: pointer;
}
.slicknav_nav .slicknav_row {
display: block;
}
.slicknav_nav a {
display: block
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
display: inline
}
.slicknav_menu:before,
.slicknav_menu:after {
content: " ";
display: table;
}
.slicknav_menu:after {
clear: both
}
*/
/* IE6/7 support */
.slicknav_menu {
*zoom: 1
}
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
font-size: 16px;
}
/* Button */
.slicknav_btn {
margin: 0;
text-decoration: none;
background-color: transparent;
padding: 0;
position: absolute;
top: 20px;
right: 15px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
/* background color for responsive button */
.slicknav_btn.slicknav_open:before {
font-family: 'Font Awesome 5 Free';
content: "\f00d"
}
.slicknav_btn.slicknav_collapsed:before {
font-family: 'Font Awesome 5 Free';
content: "\f0c9"
}
.slicknav_btn.slicknav_open,
.slicknav_btn.slicknav_collapsed,
.slicknav_btn.slicknav_open:before,
.slicknav_btn.slicknav_collapsed:before {
text-decoration: none !important;
border: none;
}
.slicknav_btn.slicknav_open:before,
.slicknav_btn.slicknav_collapsed:before {
font-size: 21px;
color: #434343;
}
.slicknav_menutxt {
line-height: 22px !important;
}
.slicknav_btn:focus {}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
color: #DFF2F2;
font-weight: 400;
font-size: 14px;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
background-color: #f5f5f5
}
.slicknav_menu {
background: #383546;
padding: 0;
margin-top: 0;
}
.slicknav_nav {
color: #B6B3C4;
margin: 0;
padding: 0;
font-size: .875em
}
.slicknav_nav,
.slicknav_nav ul {
list-style: none;
overflow: hidden
}
.slicknav_nav ul {
padding: 0;
margin: 0;
}
.slicknav_nav ul li {
border-bottom: 0;
}
.slicknav_nav .slicknav_row {
padding: 0;
margin: 0;
}
.slicknav_nav a {
padding: 12px 15px;
margin: 0;
text-decoration: none;
color: #B6B3C4;
display: block;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
font-weight: 300;
text-transform: uppercase;
font-size: 12px;
text-align: left;
border-bottom: 1px solid #3b3844;
}
.slicknav_nav a.btn-primary {
background: transparent!important;
border: none;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding: 10px 15px;
margin: 0;
}
.slicknav_nav .slicknav_item {
position: relative;
}
.slicknav_nav .slicknav_item a {
border-bottom: none;
display: block;
}
.slicknav_nav {
position: absolute;
top: 50px;
left: 0;
right: 0;
background: #1F1D26;
z-index: 99;
}
.slicknav_nav ul li {
background: #1F1D26;
padding: 0;
}
.slicknav_nav ul li li {
padding-left: 0;
}
.slicknav_nav ul li ul {
padding-left: 15px;
padding-right: 15px;
}
.slicknav_nav ul li ul a {
padding: 10px 10px;
}
.slicknav_nav .slicknav_row:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #443E56;
color: #FFF
}
.slicknav_nav a:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #443E56;
}
.slicknav_nav .slicknav_txtnode {
margin-left: 15px;
}
.slicknav_nav .slicknav_arrow {
font-size: 14px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding-top: 9px;
width: 50px;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.05);
}
/* plus-minus or arrow sign */
.slicknav_nav .slicknav_arrow:hover {
background: rgba(255, 255, 255, 0.05);
}
.slicknav_menu .slicknav_icon {
display: none;
}
@media only screen and (max-width: 1024px) {
.slicknav_btn{
top: 36px;
}
.navbar.sticky .slicknav_btn{top: 26px;}
.text-logo .slicknav_btn{
top: 38%;
}
.slicknav_nav{top:90px;}
.navbar.sticky .slicknav_nav{top:73px;}
.text-logo .slicknav_nav{
top: 100%;
}
.slicknav_nav a span.sub, .slicknav_nav a i.has_sub_menu_parent{display: none;}
}
@media (max-width: 767px) {
nav.navbar.navbar-default.navbar-fixed-top.with-slicknav {
background: rgba(0, 0, 0, 0.5);
}
}
@media (max-width: 479px) {
}
/*************************
*******About us******
**************************/
#about {
background: #242a33 url(../../assets/images/cta2/cta2-bg.jpg) no-repeat 50% 50%;
background-size: cover;
color: #fff;
padding: 70px 0;
text-align: center;
}
#about h2,
#get-in-touch h1,
#get-in-touch h2, #about-us .about-skill h2 {
color: #ffab0a;
}
#skills, #experience, #about, #testimonials, #blog, #animated-number, #portfolio, #get-in-touch, #contact, #service{
padding: 100px 0;
background-attachment: fixed;
}
/*************************
*******skills &Experience ******
**************************/
#skills .media{
margin-top: 0px;
}
#experience .media{
margin-top: 30px;
}
#experience .section-header{
margin-bottom: 20px;
}
.media.service-box-small{
text-align: center;
}
.media.service-box-small .pull-left {
margin-bottom: 20px;
float: none!important;
}
.media.service-box .pull-left {
margin-right: 20px;
}
.media.service-box .pull-left > i, .media.service-box-small .pull-left > i {
font-size: 24px;
height: 64px;
line-height: 64px;
text-align: center;
width: 64px;
border-radius: 100%;
color:#d42a2a;
box-shadow: inset 0 0 0 1px #d7d7d7;
-webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
transition: background-color 400ms, background-color 400ms;
position: relative;
}
.media.service-box .pull-left > i:after, .media.service-box-small .pull-left > i:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
right: -10px;
border: 4px solid #fff;
border-radius: 20px;
background: #d42a2a;
}
.media.service-box:hover .pull-left > i, .media.service-box-small:hover .pull-left > i{
background: #d42a2a;
color: #fff;
box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
-webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
}
/*************************
*******Portfolio******
**************************/
#portfolio {
background: #f5f5f5;
display: inline-block;
width: 100%;
padding-bottom: 0px;
}
.da-thumbs {
list-style: none;
padding-left: 0;
}
.da-thumbs li {
padding: 0px;
position: relative;
}
.da-thumbs li a,
.da-thumbs li a img {
display: block;
position: relative;
width: 100%;
}
.da-thumbs li a {
overflow: hidden;
}
.da-thumbs li a div {
position: absolute;
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
text-align: center;
padding: 50px 20px 0;
}
.da-thumbs li a div h3{
padding-bottom: 5px;
}
.da-thumbs li a div span {
font-weight: normal;
color: rgba(255,255,255,0.9);
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
/*index portfolio style 2*/
.index-style .col-sm-4{padding: 0 3px;}
@media(max-width:767px){
.index-style .col-sm-4{padding: 0 15px;}
}
/*************************
*******Testimonails******
**************************/
.testi-inner {
background: #333333 url(../../assets/images/testimonial/bg.jpg) no-repeat 0 0;
background-size: cover;
padding: 70px 15px;
color: #fff;
background-repeat: no-repeat;
background-position: center;
}
.testi-inner h4 {
color: #fff;
margin-top:15px;
}
.testi-inner small {
display: block;
margin-bottom: 10px;
color: rgba(255, 255, 255, 0.7);
}
.testi-inner .btns {
margin-top: 10px;
}
/*about testimonials style*/
.about-testi .testi-inner{background: transparent; color: #666; padding: 0;}
.about-testi .testi-inner h4{color: #333;}
.testi-inner small{color: #00BCD4;}
/*************************
*******Animated number******
**************************/
#animated-number {
background: #132125 url(../../assets/images/animated-number/bg.jpg) no-repeat;
background-size: cover;
color: #fff;
background-position: center;
background-attachment: fixed;
}
#animated-number h1,
#animated-number h2,
#animated-number h3,
#animated-number h4 {
color: #ffab0a;
}
#animated-number strong {
display: block;
}
.animated-number {
display: inline-block;
width: 120px;
height: 120px;
font-size: 24px;
line-height: 114px;
border: 5px solid #ffab0a;
border-radius: 100px;
margin-bottom: 20px;
box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.69);
color: #ffab0a;
}
/*style second*/
#animated-number.animated-style{padding: 80px 0;}
.animated-style .animated-number{
height: inherit;
width: inherit;
border-radius: 0px;
border: none;
box-shadow: none;
line-height: inherit;
margin-bottom: 0;
text-align: left;
display: block;
}
#counter .counter-block {
padding: 50px 15px;
}
.counter-block .icon {
border-right: 1px solid;
line-height: 60px;
margin-right: 30px;
padding-right: 25px;
color: #ffab0a;
display: inline-block;
font-size: 35px;
float: left;
}
.counter-block h5 {
color: #f7f7f7;
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
text-align: left;
font-weight: 500;
}
/*************************
*******Blog******
**************************/
#blog{padding: 50px 0;}
#blog .blog-post {
border: 1px solid #eee;
padding: 15px;
}
#blog .blog-post .post-format {
display: inline-block;
width: 40px;
height: 40px;
line-height: 34px;
text-align: center;
color: #fff;
background: #222534;
border: 3px solid #fff;
border-radius: 100px;
}
#blog .blog-post.blog-large .entry-thumbnail {
margin: -15px -15px 15px;
position: relative;
}
#blog .blog-post.blog-large .post-format {
width: 66px;
height: 66px;
line-height: 60px;
position: absolute;
right: 20px;
bottom: -33px;
}
#blog .blog-post.blog-large .post-format > i {
font-size: 20px;
}
#blog .blog-post.blog-large .entry-date {
font-size: 12px;
display: block;
margin-bottom: 5px;
text-transform: uppercase;
}
#blog .blog-post.blog-large .entry-date a{
color:#2fbeef;
position: relative;
padding-bottom: 5px;
font-weight: 600;
letter-spacing: 0.5px;
}
#blog .blog-post.blog-large .entry-date a:after {
content: '';
border-bottom: 1px solid #2fbeef;
position: absolute;
width: 25px;
bottom: 0;
left: 0;
}
#blog .blog-post.blog-large .entry-title {
margin-top: 15px;
line-height: 1;
margin-bottom: 15px;
clear: none;
}
#blog .blog-post.blog-large .entry-title a {
color: #64686d;
-ms-word-break:break-word;;
word-break: break-word;
}
#blog .blog-post.blog-large .entry-title a:hover {
color: #45aed6;
}
#blog .blog-post.blog-media {
margin-bottom:23px;
}
#blog .blog-post.blog-media:last-child {
margin-bottom: 0px;
}
#blog .blog-post.blog-media .entry-thumbnail {
margin: -15px 15px -15px -15px;
position: relative;
}
#blog .blog-post.blog-media .post-format {
position: absolute;
top: 20px;
right: -10px;
}
#blog .blog-post.blog-media .entry-date {
font-size: 12px;
display: block;
margin-bottom: 5px;
text-transform: uppercase;
color: #ffab0a;
}
#blog .blog-post.blog-media .entry-title {
margin-top: 0;
font-size: 18px;
line-height: 1;
margin-bottom: 15px;
}
#blog .blog-post.blog-media .entry-title a {
color: #64686d;
}
#blog .blog-post.blog-media .entry-title a:hover {
color: #45aed6;
}
#blog .blog-post .entry-meta {
margin-top: 20px;
border-top: 1px solid #eee;
padding-top: 15px;
text-align: center;
}
#blog .blog-post .entry-meta > span {
display: inline-block;
margin-right: 10px;
color: #999;
}
#blog .blog-post .entry-meta > span > a {
color: #999;
}
#blog .blog-post .entry-meta > span > a:hover {
color: #45aed6;
}
/*************************
*******Get-in-touch******
**************************/
#get-in-touch {
color: #fff;
background:#132125 url(../../assets/images/touch.jpg) no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
/*************************
*******Contact******
**************************/
#contact {
position: relative;
overflow: hidden;
}
.contact-form {
padding-top: 30px;
}
.contact-form .form-control, .contact-form label input, .wpcf7-form-control-wrap textarea{
background: transparent;
color: #f7f7f7;
border:1px solid rgba(204, 204, 204, 0.7);
border-radius: 0px;
display: block;
width: 100%;
padding: 8px 12px;
font-size: 14px;
line-height: 1.5;
font-weight: 300;
}
.contact-form .form-control:focus, .contact-form label input:focus, .wpcf7-form-control-wrap textarea:focus {
color: #fff;
}
#contact .contact-form h3 {
margin-top: 0;
}
.contact-form address {
margin-top: 15px;
}
.contact-form .red-btn {
text-align: left;
margin-top: 20px;
}
#get-in-touch.contact-us-page .wpcf7-form-control-wrap textarea, #get-in-touch.contact-us-page .contact-form .form-control,
#get-in-touch.contact-us-page .contact-form label input, #get-in-touch.contact-us-page .wpcf7-form-control-wrap textarea{color: #999;}
#get-in-touch.contact-us-page .wpcf7-response-output.wpcf7-validation-errors {
color: red;
border: 2px solid red;
}
#get-in-touch.contact-us-page div.wpcf7-mail-sent-ok{
color: #398f14;
}
p.address-item { position: relative; padding-left: 80px; margin-bottom: 25px; font-size: 16px; }
p.address-item .icon { position: absolute; top: -2px; left: 40px; font-size: 24px; color: #FF5722; }
@media (max-width:992px) {
p.address-item{padding-left: 40px;}
p.address-item .icon{left: 0;}
}
@media only screen and (max-width: 767px) {
p.address-item { padding-left: 50px; }
p.address-item .icon { left: 10px; }
p.address-item:last-child {
margin-bottom: 0;
}
}
@media (max-width:639px) {
p.address-item:last-child{margin-bottom: 0;}
}
/*map section*/
.footer-map-full { width: 100%; height:250px; margin-top: 15px;}
/*alert message*/
div#mail_success_message {
margin-top: 25px;
}
/***********************
********* Footer ******
************************/
ul.inline-menu { list-style: none; padding-bottom: 10px; margin: 0; text-align: center; }
ul.inline-menu li { display: inline; margin: 0; padding: 0 10px; font-size: 15px; }
ul.inline-menu li + li { padding-left: 25px;}
ul.inline-menu li + li:before {
content: '/';
padding-right: 15px;
}
.inline-menu li {
margin: 0 !important;
padding: 0 10px 0 0 !important;
}
ul.inline-menu li a { line-height: 16px; color: #DEDEDE; }
ul.inline-menu li a:hover { color: #FFF; }
.form-control {
box-shadow: none;
-webkit-box-shadow: none;
}
input.form-control {
border-radius: 0px;
height: 34px;
}
.media h3.column-title{
margin-bottom: 20px;
}
/***
* Breadcrumb
*/
.breadcrumb-wrapper.breadcrumb-detail {
background-image: none;
background-color: #ededed;
padding: 15px 0;
height: inherit;
text-align: left;
border-bottom: 1px solid #ddd;
}
.breadcrumb-wrapper.breadcrumb-detail h2{
margin: 0;
padding: 0;
color: #000;
}
.breadcrumb-wrapper {
background: #EDEDED url(../images/bread-bg.jpg);
overflow: hidden;
background-position: center;
background-size: cover;
background-attachment: fixed;
position: relative;
background-repeat: no-repeat;
padding: 60px 0;
}
.breadcrumb-wrapper h1 {
padding:13px 25px 0px;
margin:0;
color: #1b69c1;
font-size: 36px;
word-wrap: break-word;
-ms-word-wrap: break-word;
line-height: 1.2;
}
.breadcrumb-wrapper .breadcrumb {
margin:6px 0 0;
padding: 0px;
font-size: 12px;
background:transparent;
border-radius: 0px;
}
.breadcrumb-wrapper.breadcrumb-detail .section-title{
text-align: left;
padding: 0;
margin:0;
}
.breadcrumb-wrapper .section-title {
position: relative;
z-index: 9;
text-align: center;
top: 0px;
width: 80%;
margin: 0 auto;
}
.breadcrumb-wrapper .section-title p { margin:0; }
.breadcrumb-wrapper.breadcrumb-detail .breadcrumb>li+li:before{
color: #333;
}
@media(max-width: 639px){
.breadcrumb-wrapper{padding: 35px 0;}
.breadcrumb-wrapper h1{ font-size: 24px; padding:13px 0px 0px;}
.breadcrumb-wrapper .section-title{width: 100%;}
}
p.banner_subtitle {
color: #fff;
font-size: 15px;
text-transform: uppercase;
padding-top: 10px;
}
.detail-content {
padding: 30px 0 0;
}
.detail-content.single_page{padding: 0;}
.detail-content .section-title-3 h3 {
padding-bottom: 15px;
border-bottom: 1px dashed #ccc;
margin-bottom: 15px;
}
.detail-content img{margin: 0; float: left;}
.detail-content.single_page h3{line-height: 1.5; padding: 0;}
.bizberg_default_page .single_page h3,
.bizberg_default_page .detail-content.single_page p {
padding-left: 0;
}
.bizberg_default_page .entry-content{
margin-top: 0;
}
.bizberg_default_page .entry-content img{
margin-bottom: 15px;
}
.bizberg_default_page .single_page h3 {
text-transform: uppercase;
margin-bottom: 15px;
}
.bizberg_default_page .single_page h3:after {
content: '';
position: absolute;
border-bottom: 2px solid #2fbeef;
bottom: 0;
width: 50px;
left: 0;
}
.bizberg_default_page .entry-header{
position: relative;
}
.detail-content.single_page img{float: none;}
.detail-content.single_page .wp-block-latest-comments__comment img{
float: left;
}
.detail-content.single_page .wp-block-latest-comments__comment footer{
margin-left: 0;
}
.detail-content.single_page .wp-block-latest-comments__comment ol.wp-block-latest-comments{margin-left: 0;}
.detail-content.single_page blockquote.wp-block-quote{margin:1.5em 0;}
.detail-content.single_page blockquote.wp-block-quote cite{
margin-left: 0;
}
.detail-content.single_page blockquote.wp-block-quote.is-style-large{padding: 1em;}
.detail-content.single_page figure.wp-block-pullquote{margin: 1em;}
.bizberg_cocntent_wrapper {
border: 1px solid #f1f1f1;
padding: 15px;
}
.bizberg_post_date a{
display: block;
color: #2fbeef;
font-weight: 500;
margin-bottom: 8px;
position: relative;
padding: 0;
}
.bizberg_post_date a:after {
background: #2fbeef none repeat scroll 0 0;
content: "";
display: block;
height: 1px;
margin: 10px 0 0;
width: 33px;
bottom: -1px;
position: absolute;
}
.bizberg_detail_user_wrapper a:hover {
color: #2fbeef;
}
.bizberg_user_comment_wrapper{
border-top: 1px solid #f1f1f1;
padding: 18px 0px 0px;
display: inline-block;
width: 100%;
margin-top: 15px;
}
.bizberg_detail_user_wrapper a{
float: left;
margin-right: 20px;
font-weight: 500;
color: #959595;
}
.bizberg_user_comment_wrapper i {
font-size: 1.4em;
margin-right: 4px;
}
.bizberg_detail_comment_count {
float: right;
font-weight: 500;
color: #959595;
}
.blog-author {
border: 1px solid #f1f1f1;
display: inline-block;
margin-top: 30px;
background: #fbfbfb;
width: 100%;
padding: 15px;
}
.blog-author-right {
padding: 0px 20px 0;
}
span.bizberg_author_label {
color: #242424;
}
div#comments {
margin-top: 20px;
display: inline-block;
width: 100%;
/*background: #fbfbfb;
border: 1px solid #f1f1f1;
padding: 5px 20px;*/
}
p.comment-notes {
padding:10px 0 0px;
}
p.comment-form-comment{margin-bottom: 10px;}
.detail-content textarea.form-control{border-radius: 0px;}
h2.comments-title {
margin-bottom: 35px;
font-size: 25px;
font-weight: normal;
color: #2c2c2c;
line-height: 1.4;
}
ol.comment-list {
padding: 0;
list-style: none;
}
.comment-author.vcard {
display: inline-block;
}
.comment-author img {
display: inline-block;
}
.comment-metadata {
display: inline-block;
float: right;
padding-top: 6px;
}
.comment-metadata a {
color: #999;
}
ul.child-comments > li > .comment-content {
margin: 15px 0 20px;
}
.comment-content {
margin: 15px 0 30px;
display: inline-block;
width: 100%;
line-height: 24px;
}
.edit_repy_links {
margin-top: 20px;
}
.comments-area .comment-content p {
margin-bottom: 10px;
padding-left: 0;
}
.result-paging-wrapper .pagination{margin: 0;}
.nav-links {
display: inline-block;
width: 100%;
padding:30px 0 0;
text-align: center;
}
.post-navigation .nav-previous a:before {
content: '\f104';
font-family: 'Font Awesome 5 Free';
padding-right: 10px;
}
.post-navigation .nav-next a:after{
content: '\f105';
font-family: 'Font Awesome 5 Free';
padding-left: 10px;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous{
width: 45%;
text-align: left;
}
.comment-navigation .nav-previous a, .comment-navigation .nav-next a, .post-navigation .nav-previous a, .post-navigation .nav-next a{
color: #fff;
font-size: 15px;
display: inline-block;
background: transparent;
border: 2px solid #ccc;
transition: all ease-in-out 0.3s;
padding: 8px 12px;
color: #666;
-ms-word-break: break-word;
word-break: break-word;
}
.comment-navigation .nav-previous a:hover,
.comment-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover{
color: #2fbeef;
border-color: #2fbeef;
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover{
border-color: #2fbeef;
color: #2fbeef;
background: transparent!important;
transition: all ease-in-out 0.3s;
}
div#respond {
margin-top: 15px;
border-top: 1px dotted #dedede;
padding-top: 30px;
}
div#respond h3#reply-title{
font-weight: 400;
position: relative;
padding-bottom: 5px
}
div#respond h3#reply-title:after{
background: #2fbeef none repeat scroll 0 0;
content: "";
display: block;
height: 1px;
width: 40px;
bottom: -1px;
position: absolute;
}
#respond p.logged-in-as {
padding-top: 10px;
}
div#respond h3#reply-title small a {
float: right;
font-size: 13px;
color: #2fbeef;
border: 1px solid #2fbeef;
border-radius: 2px;
padding: 6px 8px;
}
div#respond h3#reply-title small a:hover, a.comment-edit-link.btn.btn-primary.btn-sm:hover{opacity: 0.8;}
.comments-area p {
margin-bottom: 15px;
}
.comments-area label {
width: 12%;
}
.comments-area input#author, .comments-area input#email, .comments-area input#url {
margin-left: 25px;
}
.comments-area textarea, .comments-area p input {
border-radius: 0px;
padding:12px 10px;
font-size: 14px;
border: 1px solid #f1f1f1;
}
.comments-area p.comment-form-cookies-consent label{
width: 96%;
float: right;
}
/*blog detailpage*/
.blog-author h3 {
margin: 20px 0;
font-weight: normal;
color: #2c2c2c;
font-size: 20px;
}
.blog-author img {
margin-bottom: 0;
}
.blog-author-left {
padding: 0;
}
.detail-content.single_page .blog-author h4 .blog-author h4 {
margin: 10px 0 10px;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
padding: 0;
}
.comments-area ol.comment-list > ul.comment-item {
padding-left: 0;
margin-left: 0;
display: inline-block;
width: 100%;
}
.comment-item .comment-avatar {
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
}
.comment-item .comment-avatar img {
width: 100%;
width: 100%;
border-radius: 50%;
}
ul.comment-item li .comment-header {
margin-left: 60px;
}
ul.comment-item li .comment-header > a {
font-weight: 700;
color: #666;
}
.comment-item .comment-time a {
display: block;
font-style: italic;
font-weight: 300;
font-size: 13px;
color: #989B8E;
margin-bottom: 10px;
margin-top: 6px;
}
ul.child-comments {
margin-top: 0;
margin-bottom: 15px;
}
.comments-area p {
margin-bottom: 20px;
}
nav.navigation.comment-navigation {
margin-bottom: 25px;
}
.edit_repy_links .btn{padding: 4px 12px 5px;}
a.comment-edit-link.btn.btn-primary.btn-sm {
background: #333;
}
p.form-submit .submit{
border-width: 0;
border-radius: 2px;
color: #fff;
}
.single_page .meta {
padding-bottom: 10px;
color: #64686d;
}
.single_page .meta a{color:#64686d;}
h3.blog-title {
padding-bottom: 20px;
padding-top: 0px;
color: #2c2c2c;
font-weight: normal;
}
.detail-content.single_page h2,
.detail-content.single_page h3,
.detail-content.single_page h4,
.detail-content.single_page h5,
.detail-content.single_page h6,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6{
font-weight: normal;
padding-bottom: 10px;
padding-top: 5px;
word-wrap: break-word;
-ms-word-wrap: break-word;
}
.detail-content.single_page h1, .comment-content h1{padding-bottom: 10px; font-size: 40px; }
/*
.detail-content.single_page tr,
.detail-content.single_page th,
.detail-content.single_page td,
*/
.comment-content tr,
.comment-content th,
.comment-content td{
border: 1px solid rgba(204, 204, 204, 0.25);
text-align: center;
padding: 3px;
}
.detail-content.single_page table p { margin:0; }
.detail-content.single_page p, .comment-content p {
font-size: 15px;
line-height: 1.6em;
margin-bottom: 20px;
/*padding: 0 20px;*/
}
.blog-author .blog-author-right p{
padding: 0;
font-size: 14px;
}
.detail-content.single_page ol, .comment-content ol{
list-style-type: decimal;
margin-left: 20px;
line-height: 2;
}
.detail-content.single_page ul, .comment-content ul{
list-style-type: disc;
margin-left:20px;
line-height: 2;
}
.detail-content.single_page ul.wp-block-categories-list{margin-left: 0;}
.detail-content.single_page pre, .comment-content pre{
line-height: 1.7;
margin: 20px 0;
max-width: 100%;
overflow: auto;
padding: 20px;
white-space: pre-wrap;
background: rgba(247, 247, 247, 0.45);
border: none;
border-radius: 0;
font-size: 15px!important;
border-bottom: 2px solid #ccc;
}
.detail-content.single_page p img.aligncenter {
float: none;
margin-bottom: 15px;
display: inline-block;
}
.detail-content.single_page p img.alignleft{
float: left;
margin-right:15px;
}
.detail-content.single_page p img.alignright{
float: right;
margin-left:15px;
}
.detail-content.single_page li strong, .detail-content.single_page li span, .detail-content.single_page li em{
font-size: 16px!important;
}
.gallery-icon.landscape a img {
display: inline-block;
}
.gallery-icon.landscape {
text-align: center;
}
.calendar_wrap caption {
background: #f1f1f1;
padding: 5px 0 6px;
font-weight: 600;
margin-bottom: 8px;
text-align: center;
border: 1px solid rgba(204, 204, 204, 0.25);
}
.calendar_wrap tr, .calendar_wrap th, .calendar_wrap td {
border: 1px solid rgba(204, 204, 204, 0.25);
text-align: center;
}
@media(max-width: 991px){
.detail-content.single_page .eb_banner_title_grid{padding-top: 100px;}
.detail-content.single_page h1{
line-height: 1.5;
font-size: 40px!important;
}
}
@media screen and (max-width: 767px){
.result-paging-wrapper .pagination{text-align: center;}
}
@media screen and (max-width: 735px){
.detail-content.single_page h2{font-size: 32px!important;}
/*.detail-content.single_page h4{padding-left: 35px!important;}*/
}
@media screen and (max-width: 639px){
.detail-content.single_page .eb_banner_title_grid{padding: 100px 30px 0;}
/*.detail-content.single_page p{margin-bottom: 0} */
.blog-author {
text-align: center;
}
.blog-author .col-sm-2, .blog-author .col-sm-10{
width: 100%;
}
.blog-author .col-sm-2 img{display: inline-block; margin-bottom: 0;}
}
/**
* Blog
*/
.blog-item-full {
margin: 0 0 30px;
}
.blog-item-full .content {
padding: 15px 0;
border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.blog-item-full .meta {
margin: 0 0 10px;
font-size: 13px;
color: #919191;
line-height: 18px;
}
.blog-item-full .meta a {
color: #555;
font-weight: 500;
text-transform: uppercase;
}
.blog-item-full .meta a:hover {
text-decoration: underline;
}
.blog-item-full .meta i {
margin-right: 5px;
}
.blog-item-full .content h3.blog-title {
position: relative;
margin: 0;
margin-bottom: 15px;
}
.blog-wrapper.blog-single .blog-item-full .content {
margin-left: 0 !important;
}
.blog-item-full a.link-more{
float: none;
color: #fff!important;
}
/*Sidebar*/
#sidebar a{color: #2fbeef; font-weight: 300;}
.sidebar-list{
padding:0;
margin-bottom:30px;
}
.sidebar-list:last-child{
margin-bottom: 0px;
}
.sidebar-list ul{
margin-bottom: 0px;
padding: 0;
}
#sidebar .widget{
margin: 0 0 30px;
padding: 20px;
background: #fbfbfb;
border: 1px solid #f1f1f1;
}
.textwidget p strong {
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
.detail_image_wrapper {
position: relative;
transition: all ease-in-out 0.5s;
overflow: hidden;
}
.bizberg_detail_cat{
position: absolute;
top: 30px;
background: rgba(255,255,255,0.85);
padding: 10px 30px 12px;
left: 0;
color: #333;
font-weight: 600;
border-radius: 0;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 1px;
transition: all ease-in-out 0.5s;
z-index: 1;
}
.bizberg_detail_cat:after {
content: '';
left: 0;
width: 0;
background: #2fbeef;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
transition: all ease-in-out 0.5s;
}
.detail_image_wrapper:hover .bizberg_detail_cat{
color: #fff;
}
.detail_image_wrapper:hover .bizberg_detail_cat:after{
width: 100%;
transition: all ease-in-out 0.5s;
}
#sidebar .widget h2.widget-title:before {
content: "";
background: #2fbeef;
width: 12%;
height: 1px;
position: absolute;
bottom: 0;
}
ul.sidebar-cat > ul > li, .widget.widget_categories > ul > li,
.widget.widget_archive > ul > li, .widget.widget_pages > ul > li,
.widget.widget_meta > ul > li, .widget.widget_nav_menu div > ul > li, .widget.widget_recent_entries ul > li,
.widget.widget_recent_comments ul > li{
border-bottom: 1px dotted #DBDBDB;
line-height: 14px;
position: relative;
padding: 0px 0 8px;
margin-bottom: 10px;
line-height: 1.5;
}
ul.sidebar-cat li:last-child, .widget.widget_categories li:last-child,
.widget.widget_archive li:last-child, .widget.widget_pages li:last-child,
.widget.widget_meta li:last-child, .widget.widget_nav_menu li:last-child,
.widget.widget_recent_entries li:last-child, .widget.widget_recent_comments li:last-child{
border-bottom: 0;
padding: 0;
margin: 0;
}
ul.sidebar-cat li a, .widget.widget_categories li a,.widget.widget_archive li a, .widget.widget_pages li a,
.widget.widget_meta li a, .widget.widget_nav_menu li a, .widget.widget_recent_entries li a, .widget.widget_recent_comments li a{
color: #434343!important;
line-height: 2.2;
width: 100%;
display: inline-block;
transition: all ease-in-out 0.3s;
}
.widget.widget_archive li a, .widget.widget_categories li a{width: auto;}
ul.sidebar-cat li a:before, .widget.widget_categories li a:before ,.widget.widget_archive li a:before, .widget.widget_pages li a:before,
.widget.widget_meta li a:before, .widget.widget_nav_menu li a:before, .widget.widget_recent_entries li a:before,
.widget.widget_recent_comments li span a:before{
content: '\f105';
font-family: 'Font Awesome 5 Free';
padding-right: 5px;
}
ul.sidebar-cat li a:hover, ul.archive li a:hover, .widget.widget_categories li a:hover,
.widget.widget_archive li a:hover, .widget.widget_pages li a:hover,
.widget.widget_meta li a:hover, .widget.widget_nav_menu li a:hover,
.widget.widget_recent_entries li a:hover, .widget.widget_recent_comments li a:hover,
.widget.widget_archive li:hover, .widget.widget_categories li:hover{
padding-left: 5px;
transition: all ease-in-out 0.3s;
color: #2fbeef !important;
}
.widget.widget_calendar table{background: #fff;}
ul.sidebar-cat li:first-child .absolute {
top: 0px;
}
@media(max-width: 767px){
div#sidebar{margin-top: 20px;}
}
/*quick-search*/
.quick-search {
position: relative;
}
.quick-search .form-control {
height: 40px;
}
.quick-search .btn {
position: absolute;
top: 1px;
right: 1px;
color: #FFF;
background: #f44336;
height: 38px;
border: none;
border-radius: 0px;
}
.quick-search .form-control {
padding-right: 50px;
}
/*Archive section*/
.widget.widget_archive select, .widget.widget_categories select, .widget.widget_text select{
width: 100%;
padding: 5px 10px;
height: 42px;
border: 1px solid #f1f1f1;
}
ul.archive li {
position: relative;
margin-bottom: 10px;
border-bottom: 1px solid rgba(204, 204, 204, 0.5);
padding:0px 0 8px;
}
ul.archive li:first-child{
padding-top: 0px;
}
ul.archive li:last-child{
border:none;
padding-bottom: 0px;
margin-bottom: 0;
}
ul.archive li a {
color: #d42a2a;
font-weight: 700;
transition: all ease-in-out 0.3s;
}
ul.archive li .absolute, ul.sidebar-cat li .absolute {
float: right;
color: #ccc;
font-style: italic;
font-size: 12px;
}
/*recent comments*/
.widget.widget_recent_comments ul li{border-bottom: 1px dotted #DBDBDB; padding-bottom: 5px; margin-bottom: 5px;}
.widget.widget_recent_comments ul li:last-child{border: none;}
/*Tag cloud*/
.widget.widget_tag_cloud a, .tagcloud.tags a{
border: 3px double #e8e8e8;
padding: 2px 12px;
color: #aaa!important;
background: transparent;
display: inline-block;
margin-bottom: 5px;
vertical-align: bottom;
font-size: 12px;
}
.tagcloud.tags a{margin-right: 5px;}
.widget.widget_tag_cloud a:hover, .tagcloud.tags a:hover{
background: #2fbeef;
color: #fff!important;
}
.tag-cloud-wrapper {
margin: 30px 0 0;
display: inline-block;
width: 100%;
}
.tag-cloud-heading, .tagcloud.tags {
display: inline-block;
}
.tag-cloud-heading{
padding-right: 5px;
float: left;
letter-spacing: 1px;
font-weight: 600;
font-size: 15px;
width: 10%;
text-align: center;
color: #777;
}
.tagcloud.tags {
float: right;
width: 90%;
}
/*RSS*/
.widget.widget_rss li {
padding: 0px 0 12px;
display: inline-block;
width: 100%;
margin-bottom: 10px;
border-bottom: 1px dotted #DBDBDB;
}
.widget.widget_rss li:last-child{
border: none;
margin: 0;
padding: 0;
}
.widget.widget_rss img.rss-widget-icon{display: inline-block;}
/*search*/
.search-form{
position: relative;
background: #fff;
height: 42px;
border: 1px solid #e3e3e3;
overflow: hidden;
}
.search-form label{width: 100%; position: relative;}
.header-search .search-form input.search-field, .widget.widget_search .search-form input.search-field {
box-shadow: none;
border: none;
width: 100%;
padding: 11px 60px 10px 15px;
display: inline-block;
font-weight: normal;
color: #64686d;
}
.search-form input#searchsubmit {
position: absolute;
top: 0;
right: 0;
padding: 12px;
font-size: 12px;
border-radius: 0;
border: none;
background: #2fbeef;
color: #fff;
letter-spacing: 1px;
}
.sidebar-wrapper .section-title {
font-size: 20px;
line-height: 24px;
width: 100%;
}
.sidebar-wrapper .section-title h3, #sidebar .widget h2.widget-title {
text-align: left;
line-height: 1;
margin: 0;
font-size: 19px;
text-transform: uppercase;
padding-bottom: 15px;
margin-bottom: 20px;
font-weight: 300;
position: relative;
color: #242424;
margin-top: 5px;
}
/*Recent post*/
ul.recent-post-sm li {
border-bottom: 1px solid #DBDBDB;
padding-bottom: 15px;
margin-bottom: 15px;
}
ul.recent-post-sm li:last-child{
margin-bottom: 0;
border:none;
padding-bottom: 0;
}
ul.recent-post-sm li h3 {
font-size: 14px;
line-height: 18px;
margin: 0 0 5px;
font-weight: 500;
color: #666;
}
ul.recent-post-sm li .image {
width: 80px;
float: left;
}
ul.recent-post-sm li .image img {
display: block;
}
ul.recent-post-sm li .content {
margin-left: 90px;
}
ul.recent-post-sm li .recent-post-sm-meta {
margin: 0;
color: #ccc;
font-size: 13px;
font-style: italic;
}
ul.recent-post-sm li .recent-post-sm-meta i{padding-right: 5px;}
ul.recent-post-sm li a h3:hover {
color: #f44336;
}
/*Pagination*/
.result-paging-wrapper {
background: #fff;
display: inline-block;
width: 100%;
text-align: center;
}
.result-paging-wrapper ul.paging {
float: left;
margin-bottom: 0px;
padding: 0;
}
.result-paging-wrapper ul.paging li {
float: left;
margin-left: 2px;
}
.result-paging-wrapper ul.paging li a, .navigation.pagination a, .navigation.pagination span{
color: #636363;
padding: 4px 10px;
border: 1px solid #e2e0e0;
border-radius: 50%;
width: 50px;
display: inline-block;
height: 50px;
text-align: center;
line-height: 40px;
}
.result-paging-wrapper ul.paging li.active a,
.result-paging-wrapper ul.paging li a:hover, .navigation.pagination a:hover, .navigation.pagination span:hover,
.navigation.pagination span.current {
background: #2fbeef;
color: #FFF!important;
border:none;
}
.result-paging-wrapper ul.paging li.disable a {
cursor: not-allowed;
background: transparent;
color: #636363;
}
.result-paging-wrapper.text-center ul.paging {
float: none;
text-align: center;
}
.result-paging-wrapper.text-center ul.paging li {
float: none;
margin-left: 2px;
display: inline-block;
}
@media(max-width: 640px){
.result-paging-wrapper ul.paging li a, .navigation.pagination a, .navigation.pagination span{
height: 40px;
width: 40px;
line-height: 32px;
}
}
/***************************************************************************/
/* LEFT SIDEBAR */
/***************************************************************************/
.left .content-wrapper {
float: right;
}
/***************************************************************************/
/* DETAIL PAGE */
/***************************************************************************/
.detail-header h2 {
margin-top: 0;
line-height: 0.8;
margin-bottom: 15px;
}
.review-item {
padding-bottom: 20px;
margin-bottom:20px;
display: inline-block;
border-bottom: 1px solid #EBEBEB;
}
.review-item .btn-sm, p.form-submit .btn-sm {
padding: 5px 15px;
}
.review-item:last-child {
margin: 0;
border-bottom: 0;
padding: 0;
}
.review-item .content-left {
color: #A1A1A1;
text-align: center;
}
.review-item .content-left .image{
display: inline-block;
}
.review-item .content-left img {
width: 80px;
display: inline-block;
border-radius: 50%;
margin: 5px 0 10px;
}
.review-item .content-left h4 {
line-height: 1.3;
margin: 0;
font-size: 14px;
font-weight: 400;
}
.tripadvisor-rate {
line-height: 16px;
display: inline-block;
}
.tripadvisor-module p {
display: inline-block;
padding-left: 10px;
}
.review-item .content {
line-height: 24px;
border-left: 1px solid #EBEBEB;
}
.review-item .content h5 {
font-weight: 700;
line-height: 1.3;
margin: 0 0 10px;
font-size: 16px;
}
.review-item .content-right {
position: absolute;
top: 25px;
right: 25px;
bottom: 25px;
width: 130px;
border: 3px double #005294;
}
.detail-content .form-group {
display: table;
width: 100%;
}
.detail-content .form-group .col-sm-12{
padding: 0;
}
.detail-content .form-group .col-sm-4:first-child{
padding-left: 0px;
}
.detail-content .form-group .col-sm-4:last-child{
padding-right: 0px;
}
/***************************************************************************/
/* RESPONSIVE FIXES */
/***************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 768px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width: 481px) and (max-width: 992px) {
h1 {
font-size: 2.2rem;
line-height: 2.8rem;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
.breadcrumb-wrapper h2{
margin-top: 55px;
}
.col-sm-9.content-wrapper {
margin-bottom: 25px;
}
.left .content-wrapper {
float: none;
}
}
/* Few Mobile versions */
@media only screen and (max-width: 576px) {
.detail-header h2{
line-height: 1.5;
}
}
/*blog-lists*/
.blog-lists .col-sm-4{
padding: 0 10px;
margin-bottom: 30px;
}
.blog-lists.blog-style .col-sm-6{margin-bottom: 30px;}
.blog-lists .red-btn{margin-top: 20px;}
/*blog grid*/
#blog .blog-post.blog-grid{
display: inline-block;
margin-bottom: 25px;
padding:15px 15px 7px;
width: 100%;
}
#blog .blog-post.blog-grid header.entry-header {
float: left;
}
#blog .blog-post.blog-grid .col-sm-5{
padding: 0;
}
#blog .blog-post.blog-large.blog-grid .entry-thumbnail{
margin: 0;
margin-right: 20px;
}
#blog .blog-post.blog-grid .entry-meta{
width: 100%;
padding: 8px;
display: inline-block;
text-align: left;
}
.blog-grid .red-btn{
text-align: left;
margin-top: 12px;
display: block;
}
/*leftsidebar*/
.blog-lists.blog-leftsidebar .col-sm-9{float: right;}
.blog-lists.blog-nosidebar .col-sm-9, .blog-lists.blog-nosidebar-1 .col-sm-9{width: 100%;}
.blog-lists.blog-nosidebar .col-sm-9 .col-sm-12.col-xs-12{width: 50%;}
.blog-lists.blog-nosidebar .img-responsive{height: 190px;}
.blog-lists.blog-nosidebar .blog-post.blog-large .post-format{left: 20px;}
.blog-lists.blog-nosidebar .col-sm-3{display: none;}
@media (max-width: 767px){
.blog-lists.blog-nosidebar .col-sm-9 .col-sm-12.col-xs-12{width: 100%;}
#blog.blog-lists.blog-nosidebar .blog-post.blog-grid .entry-meta{text-align: left; padding: 10px 0;}
.blog-lists.blog-nosidebar .img-responsive{height: auto;}
}
/*About Us*/
#about-us section{padding: 100px 0; position: relative;}
ul.about-list{
padding-top: 25px;
display: inline-block;
margin-bottom: 0;
padding:25px 0 0;
}
ul.about-list li {
padding-left: 40px;
padding-bottom: 30px;
}
ul.about-list li i{
color: #f33807;
font-size: 25px;
position: absolute;
top: 3px;
left: 0px;
}
.about-content img, #about-us.about-style .single-item > div {
border: 5px solid rgba(255, 255, 255, 0.75);
box-shadow: 0 0 5px #ccc;
}
.about-skill{
background:url(../images/skill-bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
padding-bottom: 60px;
}
.about-skill .section-header p{
color: #fff;
}
.featured-item-text {
margin: 15px 0;
}
.featured-item-text h4 {
border-bottom: 1px solid #B270B5;
padding-bottom: 10px;
margin: 0 0 15px;
letter-spacing: 2px;
}
.featured-item {
line-height: 20px;
margin-bottom: 20px;
}
.featured-item .icon {
font-size: 24px;
width: 46px;
height: 46px;
border-radius: 50%;
background: #D60D45;
color: #FFF;
line-height: 46px;
text-align: center;
}
.featured-item h3 {
text-transform: uppercase;
font-size: 16px;
line-height: 1.2;
letter-spacing: 1px;
font-weight: 500;
margin: 20px 0 15px;
}
.featured-item-2 {
line-height: 20px;
margin-bottom: 15px;
}
.featured-item-2 .icon {
color: #D60D45;
float: left;
font-size: 30px;
margin-top: -4px;
margin-right: 15px;
}
.featured-item-2 p {
margin-left: 15px;
margin-top: 4px;
}
.featured-item-2 .content {
margin-left: 45px;
margin-bottom: 25px;
}
.featured-item-2 .content h5 {
margin: 0 0 10px;
font-size: 15px;
text-transform: uppercase;
}
.featured-item-2 .content p {
margin: 0;
line-height: 18px;
}
.featured-item-03 {
line-height: 1.5;
}
.featured-item-03 .icon {
font-size: 40px;
width: 46px;
color: #D60D45;
line-height: 40px;
float: left;
padding-top: 5px;
}
.featured-item-03 h5 {
text-transform: uppercase;
line-height: 1.2;
letter-spacing: 1px;
font-weight: 500;
margin: 0 0 15px;
}
.sell-or-buy {
padding: 80px 120px;
text-align: center;
}
.sell-or-buy h3 {
font-size: 26px;
margin: 28px 0 25px;
line-height: 1;
}
.sell-or-buy .icon {
line-height: 60px;
text-align: center;
font-size: 60px;
margin: 0;
}
.sell-or-buy .content a {
text-transform: uppercase;
border: 1px solid rgba(255,255,255,0.8);
color: #FFF;
display: inline-block;
padding: 7px 25px;
display: inline-block;
margin-top: 10px;
}
.sell-or-buy .content a:hover {
opacity: 0.8;
text-decoration: none;
}
.featured-box {
text-align: center;
border: 1px solid #E5E5E5;
padding: 30px;
background: #EDEDED;
margin: 30px 0 10px;
}
.featured-box .icon {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 24px;
margin: 0 auto 30px;
margin-top: -60px;
border-radius: 50%;
}
.featured-box h4 {
margin: 0 0 15px;
}
.featured-box p {
margin: 0 0 15px;
}
.featured-box a {
font-size: 12px;
font-weight: 600;
}
.featured-box a {
color: #636363;
}
.featured-box a:hover {
color: #D60D45;
text-decoration: none;
}
#about-us section.goal, #about-us section#testimonials, section#get-in-touch.contact-us{
background: rgba(247, 247, 247, 0.37);
padding-bottom: 70px;
}
#about-us section#testimonials{padding-bottom: 100px;}
.featured-timeline ul{
margin-bottom: 0px;
padding-left: 0;
}
.featured-timeline ul li {
padding: 30px 0;
padding-left: 100px;
position: relative;
}
.featured-timeline ul li h4 {
margin: 0 0 10px;
text-transform: uppercase;
}
.featured-timeline ul li .icon {
position: absolute;
top: 30px;
left: 30px;
font-size: 24px;
width: 50px;
height: 50px;
line-height: 48px;
border: 2px solid #f33807;
border-radius: 50%;
text-align: center;
color: #f33807;
}
@media only screen and (max-width: 1199px) {
.sell-or-buy {
padding: 80px 80px;
padding-right: 120px;
}
.sell-or-buy.text-right {
padding-left: 120px;
}
}
@media only screen and (max-width: 991px) {
.sell-or-buy {
padding: 40px;
padding-right: 40px;
}
.sell-or-buy.text-right {
padding: 40px;
padding-left: 40px;
}
section.about-content{padding-bottom: 50px;}
.featured-timeline ul li{padding-left: 90px;}
.featured-timeline ul li .icon{left: 20px;}
#blog .blog-post.blog-grid header.entry-header{float: none;}
#blog .blog-post.blog-large.blog-grid .entry-thumbnail{margin-right: 0px;}
#blog .blog-post.blog-large.blog-grid .entry-thumbnail img{width: 100%;}
}
@media only screen and (max-width: 767px) {
section.about-content{padding-bottom: 80px;}
.about-skill{padding-bottom: 60px;}
.about-content img{margin-bottom: 15px;}
#blog .blog-post.blog-grid .col-sm-7.entry-content{padding: 15px 0;}
}
@media (max-width: 639px) {
ul.about-list li{padding-left: 35px;}
ul.about-list li i{left: 0;}
.goal{padding-bottom:50px; }
#blog .blog-post .entry-meta{margin: 0;}
}
/**
* Team
*/
.team-item {
text-align: center;
}
.team-item h4 {
margin: 25px 0 10px;
line-height: 1.1;
}
.team-item p {
margin: 0 0 8px;
line-height: 1.1;
}
.team-item ul.social {
margin: 0;
}
.team-item ul.social li {
display: inline-block;
margin: 0 5px;
}
.team-list .team-one {
position: relative;
overflow: hidden;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.team-list .team-one img{
width: 100%;
transition: all ease-in-out 0.5s;
}
.team-one .ch-info-back {
background: rgba(0, 0, 0, 0.6);
position: absolute;
bottom: -170px;
width: 100%;
padding: 10px 0px;
text-align: center;
color: #f7f7f7;
transition: all ease-in-out 0.5s;
padding: 45px 0 0;
height: 0;
}
.team-one .ch-info-back i {
font-size: 18px;
background: #fdab0a;
border-radius: 50%;
height: 32px;
width: 32px;
line-height: 2.0;
margin-top: 10px;
color: #fff;
transition: all ease-in-out 0.5s;
}
.team-list .team-one:hover .ch-info-back {
bottom:0px;
height: 100%;
transition: all ease-in-out 0.5s;
}
.team-list .team-one:hover img{
transform:rotate(5deg) scale(1.2);
transition: all ease-in-out 0.5s;
}
/*hover effects*/
.ch-grid {
margin: 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
line-height: 0;
}
.ch-grid:after,
.ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 220px;
height: 220px;
display: inline-block;
margin:0 20px;
}
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
cursor: default;
}
.ch-info-wrap{
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
-webkit-perspective: 800px;
-moz-perspective: 800px;
-o-perspective: 800px;
-ms-perspective: 800px;
perspective: 800px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
top: 20px;
left: 20px;
background: #f9f9f9;
box-shadow:
0 0 0 20px rgba(255,255,255,0.2),
inset 0 0 3px rgba(115,114, 23, 0.8);
}
.ch-info{
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ch-info > div {
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-position: center center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.ch-info .ch-info-back {
-webkit-transform: rotate3d(0,1,0,180deg);
-moz-transform: rotate3d(0,1,0,180deg);
-o-transform: rotate3d(0,1,0,180deg);
-ms-transform: rotate3d(0,1,0,180deg);
transform: rotate3d(0,1,0,180deg);
background: #000;
}
.ch-img-1 {
background-image: url(../images/team/01.jpg);
background-size: 100%;
}
.ch-img-2 {
background-image: url(../images/team/02.jpg);
background-size: 100%;
}
.ch-img-3 {
background-image: url(../images/team/04.jpg);
background-size: 100%;
}
.ch-img-4 {
background-image: url(../images/team/03.jpg);
background-size: 100%;
}
.ch-info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
margin: 0 15px;
padding: 40px 0 10px;
text-shadow:
0 0 1px #fff,
0 1px 2px rgba(0,0,0,0.3);
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.ch-info p {
color: #fff;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
line-height: 1.5;
}
.ch-info p a {
display: block;
color: #fff;
color: rgba(255,255,255,0.7);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
}
.ch-info p a:hover {
color: #fff222;
color: rgba(255,242,34, 0.8);
}
.ch-item:hover .ch-info-wrap {
box-shadow:
0 0 0 0 rgba(255,255,255,0.8),
inset 0 0 3px rgba(115,114, 23, 0.8);
}
.ch-item:hover .ch-info {
-webkit-transform: rotate3d(0,1,0,-180deg);
-moz-transform: rotate3d(0,1,0,-180deg);
-o-transform: rotate3d(0,1,0,-180deg);
-ms-transform: rotate3d(0,1,0,-180deg);
transform: rotate3d(0,1,0,-180deg);
}
@media (max-width: 1199px) {
.ch-grid li:last-child{margin-top:30px;}
}
@media (max-width: 639px) {
.ch-grid li{margin-bottom: 30px;}
.ch-grid li:last-child{margin-top:0px; margin-bottom:0px; }
}
/*team inner page*/
.gray {
color: #a5a5a5;
}
.team{
margin:100px 0 85px;
}
.team-member {
margin: 15px 0;
padding: 0;
}
.team-member figure {
position: relative;
overflow: hidden;
padding: 0;
margin: 0;
}
.team-member figure img {
min-width: 100%;
}
.team-member figcaption p {
font-size: 16px;
}
.team-member figcaption ul {
list-style: none;
margin: 0;
padding: 0;
}
.team-member figcaption ul {
visibility: visible;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.team-member figcaption ul li {
display: inline-block;
padding: 10px;
}
.team-member h4 {
margin: 10px 0 0;
padding: 0;
}
.team-member figcaption {
padding: 0px;
color: transparent;
background-color: transparent;
position: absolute;
z-index: 996;
bottom: 0;
left: 0;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-member figure:hover figcaption {
visibility: visible;
color: #fff;
background: rgb(159, 109, 86);
/* Primary color, can be changed via colors.css */
height: 25%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 9px;
}
.team-member ul li a i {
color: #fff;
}
.team-member figure:hover figcaption ul li a:hover {
color: rgba(49, 49, 49, .97);
}
.team-member figure img {
-webkit-transform: scale(1) rotate(0) translateY(0);
-moz-transform: scale(1) rotate(0) translateY(0);
-o-transform: scale(1) rotate(0) translateY(0);
-ms-transform: scale(1) rotate(0) translateY(0);
transform: scale(1) rotate(0) translateY(0);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.team-member figure:hover img {
-webkit-transform: scale(1.1) rotate(1deg) translateY(12px);
-moz-transform: scale(1.1) rotate(1deg) translateY(12px);
-o-transform: scale(1.1) rotate(1deg) translateY(12px);
-ms-transform: scale(1.1) rotate(1deg) translateY(12px);
transform: scale(1.1) rotate(1deg) translateY(12px);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.noslider.featured-banner a.scroll{width: inherit;}
.featured-banner.home-style .fill{min-height: 480px; height: inherit; background-size: cover;}
#featured-banner.home-style .carousel-caption{top: 35%;}
#featured-banner.home-style .carousel-caption h2{margin-bottom: 20px;}
@media(max-width: 767px){
#featured-banner.home-style .carousel-caption{top: 26%; left: 10%; right: 10%;}
}
/*
about-us style 2*/
#about-us.about-style h3{margin-bottom: 15px; line-height: 1.5;}
#about-us.about-style h3 span{color:#00BCD4;}
#about-us.about-style .about-content img{box-shadow: none; width: 100%; border: none;}
#about-us.about-style .slick-prev{left: 15px;}
#about-us.about-style .slick-next{right: 25px;}
#about-us.about-style .slick-prev:before{
content:"\f137";
}
#about-us.about-style .slick-next:before{
content:"\f138";
color: #fff;
}
/*list view style 2*/
.list-view .detail-content {
padding: 0;
}
.list-view .list-style{margin-bottom: 25px; border-bottom: 1px dashed #ccc; padding-bottom: 25px;}
.list-view .list-style:last-child{margin-bottom: 0px; border: none; padding: 0;}
.list-view .detail-content h3 {
margin-bottom: 15px;
}
.list-view .detail-content footer{margin-bottom:15px; }
.list-view .detail-content footer span{padding-right: 10px;}
.list-view .detail-content footer span a{color: #64686d;}
.list-view .detail-content footer span a:hover{text-decoration: underline; color: #f44336;}
.list-view .detail-content .red-btn{text-align: left; margin-top: 15px;}
/*clients*/
.team-list.multiple-logo .team-one:hover img{transform: rotate(0deg) scale(1.1); width: 100%;}
/*contact us*/
section#get-in-touch.contact-us{padding:0 0 50px}
section#get-in-touch.contact-us .footer-map-full{margin: 0; height: 380px;}
section#get-in-touch.contact-us p.address-item{color: #999;}
section#get-in-touch.contact-us .contact-form{padding-top: 50px}
#success_page { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding: 10px 15px; margin: 0 0 15px; }
#success_page h1 { color: #3c763d; font-size: 18px; font-weight: 700; line-height: 22px; margin: 10px 0 7px; }
.error_message { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 10px 15px; margin: 0 0 15px; }
#get-in-touch .alert-success h3{font-size: 1.5rem; margin: 0;}
#get-in-touch .error, #contactform-error-msg .alert.alert-error{color: #F44336; font-weight: 300;}
#contactform-error-msg .alert.alert-error{padding:0 0px 15px; margin-bottom: 0;}
@media (max-width:767px){
.contact-form{
margin-bottom: 30px;
}
}
.contact-form label{width: 100%; margin-bottom: 15px;}
input.wpcf7-form-control.wpcf7-submit {
font-size: 14px;
color: #fff;
border-width: 0;
border-left-width: 10px;
border-radius: 3px;
padding:12px 20px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
margin: 15px 0 0;
padding: 8px 12px;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
margin-left: 0;
margin-right: 0;
padding: 8px 12px;
}
/*Testimonials*/
#testimonials.main-testi, #testimonials.testi-style{padding-bottom: 70px;}
#testimonials.main-testi .item{text-align: center;}
#testimonials.main-testi .col-sm-4{margin-bottom:30px;}
#testimonials.main-testi .img-circle{height: 150px; width: 150px; margin-bottom: 15px;}
#testimonials.main-testi small, #testimonials.testi-style small {color: #00BCD4; margin-bottom: 10px; display: inline-block; font-size: 100%;}
/*style-2*/
#testimonials.testi-style .img-circle{border-radius: 0px;width: 100%; margin: 0; border: none; box-shadow: none; padding: 0;}
#testimonials.testi-style .col-sm-4{padding-right: 0px;}
.testi-style .item {
border: 1px dashed rgba(204, 204, 204, 0.42);
display: inline-block;
width: 100%;
padding: 15px 0;
box-shadow: 0 0 4px rgba(204, 204, 204, 0.48);
}
#testimonials.testi-style .col-sm-6{margin-bottom: 30px;}
/*Pricing table*/
#pricing.pricing-section {padding: 100px 0}
#pricing section{padding: 80px 0;}
.pricing {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
margin: 0 auto;
}
.pricing__item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
text-align: center;
-webkit-flex: 0 1 330px;
flex: 0 1 330px;
}
.pricing__feature-list {
text-align: left;
}
.pricing__action {
color: inherit;
border: none;
background: none;
}
.pricing__action:focus {
outline: none;
}
/* Individual styles */
/* Sonam */
.pricing--sonam .pricing__item {
margin: 1em;
padding: 2em;
cursor: default;
background:rgba(255, 255, 255, 0.10);
box-shadow: 0 5px 20px rgba(0,0,0,0.05), 0 15px 30px -10px rgba(0,0,0,0.3);
-webkit-transition: background 0.3s;
transition: background 0.3s;
border: 1px solid rgba(255, 255, 255, 0.19);
}
.pricing--sonam .pricing__item:hover {
background: #141315;
}
.pricing--sonam .pricing__title {
font-size: 2em;
width: 100%;
margin: 0 0 0.25em;
padding: 0 0 0.5em;
border-bottom: 3px solid rgb(27, 26, 28);
}
.pricing--sonam .pricing__price {
color: #e06060;
font-size: 28px;
padding: 1em 0 0.75em;
border-radius: 50%;
background: rgba(255, 255, 255, 0.18);
height: 100px;
width: 100px;
margin: 0 auto 25px;
}
.pricing--sonam .pricing__sentence {
font-weight: bold;
}
.pricing--sonam .pricing__feature-list {
margin: 0;
padding: 1em 1.25em 2em;
text-align: center;
}
.pricing--sonam .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 0.75em 2em;
border-radius: 5px;
background: #E06060;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--sonam .pricing__action:hover,
.pricing--sonam .pricing__action:focus {
background: #BD3C3C;
}
/* Jinpa */
.pricing--jinpa .pricing__item {
margin: 1.5em 0;
padding: 2em;
cursor: default;
color: #fff;
border: 1px solid #CBFFC8;
-webkit-transition: background-color 0.6s, color 0.3s;
transition: background-color 0.6s, color 0.3s;
}
.pricing--jinpa .pricing__item:nth-child(2) {
border-right: none;
border-left: none;
}
.pricing--jinpa .pricing__item:hover {
color: #444;
background: #CBFFC8;
}
.pricing--jinpa .pricing__title {
font-size: 2em;
width: 100%;
margin: 0;
padding: 0;
}
.pricing--jinpa .pricing__price {
font-size: 1.45em;
font-weight: bold;
line-height: 95px;
width: 100px;
height: 100px;
margin: 1.15em auto 1em;
border-radius: 50%;
background: #ea716e;
-webkit-transition: color 0.3s, background 0.3s;
transition: color 0.3s, background 0.3s;
}
.pricing--jinpa .pricing__item:first-child .pricing__price {
background: #eac36e;
}
.pricing--jinpa .pricing__item:nth-child(2) .pricing__price {
background: #eaa36e;
}
.pricing--jinpa .pricing__item:hover .pricing__price {
color: #fff;
background: #82C57E;
}
.pricing--jinpa .pricing__sentence {
font-weight: bold;
}
.pricing--jinpa .pricing__feature-list {
margin: 0;
padding: 1em 1em 2em 1em;
list-style: none;
text-align: center;
}
.pricing--jinpa .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 0.75em 2em;
opacity: 0;
color: #fff;
background: #82C57E;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
.pricing--jinpa .pricing__item:hover .pricing__action {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pricing--jinpa .pricing__action:hover,
.pricing--jinpa .pricing__action:focus {
background: #6EA76B;
}
@media screen and (max-width: 60em) {
.pricing--jinpa .pricing__item {
max-width: none;
width: 90%;
flex: none;
}
.pricing--jinpa .pricing__item:nth-child(2) {
border: 1px solid #fff;
}
}
/* Tenzin */
.pricing--tenzin .pricing__item {
margin: 1em;
padding: 2em 2.5em;
text-align: left;
color: #262b38;
background: #EEF0F3;
border-top: 3px solid #EEF0F3;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.pricing--tenzin .pricing__item:hover {
border-color: #3e62e0;
}
.pricing--tenzin .pricing__title {
font-size: 1em;
margin: 0 0 1em;
}
.pricing--tenzin .pricing__price {
font-size: 2em;
font-weight: bold;
padding: 0.5em 0 0.75em;
border-top: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--tenzin .pricing__sentence {
font-weight: bold;
padding: 0 0 0.5em;
color: #9CA0A9;
border-bottom: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__feature-list {
font-size: 0.85em;
font-style: italic;
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: right;
color: #8b909d;
}
.pricing--tenzin .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #3e62e0;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--tenzin .pricing__action:hover,
.pricing--tenzin .pricing__action:focus {
background-color: #3b5ac5;
}
/* Yama */
.pricing--yama .pricing__item {
margin: 1em;
padding: 0 0 2em;
color: #fff;
background: #1e1c20;
}
.pricing--yama .pricing__title {
font-size: 2.35em;
font-weight: 900;
line-height: 1;
width: 290px;
margin: 0 auto;
padding: 1em 1em 0em;
}
.pricing__amp {
padding: 0.15em 0 0.1em;
color: #0f0e0f;
}
.pricing--yama .pricing__sentence {
margin-bottom: 2em;
color: #555357;
}
.pricing--yama .pricing__price {
font-size: 2em;
font-weight: bold;
position: relative;
z-index: 10;
overflow: hidden;
padding: 0.75em;
cursor: default;
color: #ef7d46;
background: #1a181b;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--yama .pricing__item:hover .pricing__price {
color: #fff;
}
.pricing--yama .pricing__price::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: #141315;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(-150%,0,0) skewX(40deg);
transform: translate3d(-150%,0,0) skewX(40deg);
}
.pricing--yama .pricing__item:hover .pricing__price::before {
opacity: 1;
-webkit-transform: translate3d(0,0,0) skewX(0deg);
transform: translate3d(0,0,0) skewX(0deg);
}
.pricing--yama .pricing__period {
font-size: 0.5em;
font-weight: normal;
display: block;
color: #2a272c;
}
.pricing--yama .pricing__feature-list {
margin: 0;
padding: 2em 1em;
list-style: none;
text-align: center;
color: #6a6563;
}
.pricing--yama .pricing__action {
font-weight: bold;
margin: 0 2em;
padding: 1em 2em;
border-radius: 4px;
background: #ef7d46;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--yama .pricing__action:hover,
.pricing--yama .pricing__action:focus {
color: #ef7d46;
background: #fff;
}
/* Rabten */
.pricing--rabten .pricing__item {
padding: 2em 4em;
cursor: default;
color: #262b38;
max-width: 320px;
}
.pricing--rabten .pricing__item:nth-child(2) {
border-right: 1px solid rgba(139, 144, 157, 0.18);
border-left: 1px solid rgba(139, 144, 157, 0.18);
}
.pricing--rabten .pricing__title {
font-size: 1em;
margin: 1.5em 0 0;
}
.pricing--rabten .icon {
font-size: 2.5em;
color: #8b909d;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--rabten .pricing__item:hover .icon {
color: #E03E3E;
}
.pricing--rabten .pricing__price {
font-size: 2em;
font-weight: bold;
margin: 0.5em 0 0.75em;
overflow: hidden;
}
.pricing--rabten .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--rabten .pricing__period {
font-size: 0.35em;
color: #8b909d;
}
.pricing--rabten .pricing__anim {
display: inline-block;
position: relative;
}
.pricing--rabten .pricing__item:hover .pricing__anim {
-webkit-animation: moveUp 0.4s forwards;
animation: moveUp 0.4s forwards;
-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.pricing--rabten .pricing__item:hover .pricing__anim--2 {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
@-webkit-keyframes moveUp {
50% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
51% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
52% { opacity: 1; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes moveUp {
50% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
51% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
52% { opacity: 1; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
.pricing--rabten .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
color: #8b909d;
}
.pricing--rabten .pricing__feature-list {
font-size: 0.85em;
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: center;
color: #8b909d;
}
.pricing--rabten .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #E03E3E;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--rabten .pricing__action:hover,
.pricing--rabten .pricing__action:focus {
background-color: #C53737;
}
@media screen and (max-width: 60em) {
.pricing--rabten .pricing__item {
max-width: none;
width: 90%;
flex: none;
border: none !important;
opacity: 1 !important;
}
}
/* Pema */
.pricing--pema .pricing__item {
padding: 2em 3em;
margin: 1em;
color: #262b38;
background: #fff;
cursor: default;
overflow: hidden;
box-shadow: 0 0 15px rgba(0,0,0,0.05);
}
@media screen and (min-width: 66.250em) {
.pricing--pema .pricing__item {
margin: 1.5em 0;
}
.pricing--pema .pricing__item--featured {
z-index: 10;
margin: 0;
font-size: 1.15em;
}
}
.pricing--pema .pricing__title {
font-size: 2em;
margin: 0.5em 0 0;
color: #1d211f;
}
.pricing--pema .icon {
display: inline-block;
min-width: 2em;
color: #8A9790;
vertical-align: middle;
}
.pricing--pema .pricing__price {
font-size: 5em;
font-weight: 800;
color: #6ed19c;
position: relative;
z-index: 100;
}
.pricing--pema .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--pema .pricing__period {
font-size: 0.25em;
display: inline-block;
padding: 0 0 0 0.5em;
color: #CEDED6;
}
.pricing--pema .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
color: #6ed19c;
}
.pricing--pema .pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 1.5em 0.5em 2.5em;
list-style: none;
}
.pricing--pema .pricing__feature {
padding: 0.15em 0;
}
.pricing--pema .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 5px;
background: #6ed19c;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--pema .pricing__action:hover,
.pricing--pema .pricing__action:focus {
background-color: #4F5F56;
}
/* karma */
.pricing--karma .pricing__item {
margin: 1em;
color: #382628;
background: #fff;
cursor: default;
text-transform: uppercase;
letter-spacing: 4px;
border: 2px solid #382628;
border-radius: 5px;
}
.pricing--karma .pricing__title {
font-size: 1em;
font-weight: 700;
margin: 0.5em 0 0;
padding: 1em;
border-bottom: 2px solid #382628;
}
.pricing--karma .icon {
display: inline-block;
min-width: 2em;
}
.pricing--karma .pricing__price {
font-size: 3em;
padding: 0.5em 0 0 0;
margin: 1em;
font-weight: bold;
border: 2px solid #382628;
position: relative;
z-index: 100;
}
.pricing--karma .pricing__item--featured .pricing__price::after {
background: url(../img/stamp.png);
background-size: cover;
content: '';
position: absolute;
top: -30px;
right: -20px;
width: 100px;
height: 100px;
pointer-events: none;
}
.pricing--karma .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--karma .pricing__period {
font-size: 0.25em;
display: block;
padding: 1em;
margin-top: 1.25em;
border-top: 2px solid #382628;
}
.pricing--karma .pricing__sentence {
margin: 0 0 1em 0;
padding: 1em;
font-size: 0.85em;
border-bottom: 2px solid #382628;
}
.pricing--karma .pricing__feature-list {
font-size: 0.85em;
margin: 0;
letter-spacing: 0;
padding: 0 1em 2.5em 4em;
list-style-type: square;
}
.pricing--karma .pricing__action {
font-weight: bold;
flex: none;
margin: auto 1em 1em;
padding: 1.25em 2em;
color: #fff;
background: #382628;
letter-spacing: 2px;
border-radius: 5px;
border: 2px solid #382628;
font-size: 0.95em;
text-transform: uppercase;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--karma .pricing__action:hover,
.pricing--karma .pricing__action:focus {
background-color: #ffdbd5;
color: #382628;
}
/* norbu */
.pricing--norbu .pricing__item {
margin: 0 1em 0;
color: #fff;
cursor: default;
border: 1px solid rgba(255,255,255,0.4);
background: rgba(255,255,255,0.08);
border-radius: 10px;
-webkit-transition: border-color 0.3s, background 0.3s;
transition: border-color 0.3s, background 0.3s;
}
.pricing--norbu .pricing__item:hover {
border: 1px solid rgba(255,255,255,1);
background: rgba(255,255,255,0.18);
}
.pricing--norbu .pricing__title {
font-size: 2em;
font-weight: 400;
margin: 0.5em 0;
padding: 1em;
position: relative;
}
.pricing--norbu .pricing__title::after {
content: '';
position: absolute;
width: 20%;
height: 1px;
background: #fff;
left: 40%;
bottom: 0;
}
.pricing--norbu .icon {
display: inline-block;
min-width: 2em;
}
.pricing--norbu .pricing__price {
font-size: 3.5em;
padding: 20px 0 0 0;
font-weight: 400;
position: relative;
z-index: 100;
background: rgba(255, 255, 255, 0.16);
border-radius: 50%;
height: 100px;
width: 100px;
margin: 0 auto;
margin: 0px auto 15px;
}
.pricing--norbu .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--norbu .pricing__period {
font-size: 0.25em;
display: block;
padding: 1em;
}
.pricing--norbu .pricing__sentence {
padding: 1em 2em;
font-size: 1em;
margin: 0 auto 1em;
}
.pricing--norbu .pricing__feature-list {
font-size: 1.15em;
margin: 0 2em;
letter-spacing: 0;
padding: 2em 0;
list-style: none;
}
.pricing--norbu .pricing__feature {
line-height: 1.4;
}
.pricing--norbu .pricing__feature::before {
content: "\f044";
font-family: 'Font Awesome 5 Free';
display: inline-block;
vertical-align: middle;
padding: 0 0.75em 0 0;
}
.pricing--norbu .pricing__action {
font-weight: bold;
flex: none;
margin: auto 1em 1em;
padding: 15px 0;
color: #4aa8e4;
background: rgba(255,255,255,0.7);
border-radius: 5px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
font-size: 15px;
}
.pricing--norbu .pricing__action:hover,
.pricing--norbu .pricing__action:focus {
background: #fff;
}
/* Dawa */
.pricing--dawa .pricing__item {
padding: 2em;
border: 1px dashed rgba(255, 255, 255, 0.24);
}
.pricing--dawa .pricing__title {
font-weight: bold;
font-size: 1.8em;
padding: 0 0 0.5em;
background: url(../img/line.png) no-repeat 50% 100%;
}
.pricing--dawa .pricing__price {
font-size: 3.75em;
line-height: 1;
margin: 1em 0 0.65em;
}
.pricing--dawa .pricing__period {
font-size: 0.25em;
display: block;
}
.pricing--dawa .pricing__sentence {
margin: 0;
}
.pricing--dawa .pricing__feature-list {
margin: 0 0 1.5em;
padding: 1em;
list-style: none;
text-align: center;
}
.pricing--dawa .pricing__action {
border-radius: 30px;
font-size: 1.5em;
padding: 0.5em 1.5em;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--dawa .pricing__action:hover,
.pricing--dawa .pricing__action:focus {
color: #fffa5c;
}
@media screen and (max-width: 639px) {
.pricing--dawa .pricing__item {
border: 1px solid rgba(255,255,255,0.6);
margin: 1em;
}
}
/* Yonten */
.pricing--yonten .pricing__item {
padding: 2em 4em;
cursor: default;
color: #fff;
margin: 1em;
border: 1px solid #5c6552;
max-width: 320px;
}
@media screen and (min-width: 991px) {
.pricing--yonten .pricing__item {
margin: 0;
}
.pricing--yonten .pricing__item:nth-child(2) {
border-right: none;
border-left: none;
}
}
.pricing--yonten .pricing__item:hover {
z-index: 100;
}
.pricing--yonten .pricing__item:hover::after {
content: '';
pointer-events: none;
position: absolute;
top: -5px;
left: -5px;
width: 100%;
height: 100%;
box-sizing: content-box;
border: 5px solid #8bc34a;
}
.pricing--yonten .pricing__title {
font-size: 1.5em;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em;
}
.pricing--yonten .icon {
font-size: 3em;
margin: 0 0 0.5em 0;
color: #85c34a;
}
.pricing--yonten .pricing__price {
font-size: 2em;
margin: 0 0 0.5em 0;
font-weight: bold;
color: #85c34a;
}
.pricing--yonten .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--yonten .pricing__period {
font-size: 0.35em;
padding: 0 0 0 0.5em;
color: #646D5B;
}
.pricing--yonten .pricing__feature-list {
margin: 0;
padding: 0.25em 0 8em;
list-style: none;
text-align: center;
color: #81867D;
}
.pricing--yonten .pricing__feature {
padding: 0.25em;
}
.pricing--yonten .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
border-radius: 40px;
background: #85c34a;
color: ;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--yonten .pricing__action:hover,
.pricing--yonten .pricing__action:focus {
color: #85c34a;
background: #fff;
}
/* tashi */
.pricing--tashi .pricing__item {
margin: 0.5em;
padding: 2em 2.5em;
text-align: left;
color: #fff;
background: #262c37;
}
.pricing--tashi .pricing__title {
font-size: 2em;
font-weight: 300;
margin: 0 0 0.15em;
color: #E25A77;
}
.pricing--tashi .pricing__item:nth-child(2) .pricing__title {
color: #E25ABC;
}
.pricing--tashi .pricing__item:nth-child(3) .pricing__title {
color: #7E5AE2;
}
.pricing--tashi .pricing__price {
font-size: 3em;
font-weight: 300;
padding: 0.85em 0;
}
.pricing--tashi .pricing__currency {
font-size: 0.65em;
vertical-align: super;
color: #394150;
}
.pricing--tashi .pricing__period {
font-size: 0.35em;
padding: 0 0 0 0.5em;
color: #535965;
}
.pricing--tashi .pricing__sentence {
padding: 0 0 0.5em;
margin: 0;
color: #535965;
}
.pricing--tashi .pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 0 0 2.5em;
list-style: none;
color: #757983;
}
.pricing--tashi .pricing__feature {
position: relative;
display: block;
padding: 0 0 0 20px;
line-height: 1.5;
}
.pricing--tashi .pricing__feature::before {
content: '';
position: absolute;
width: 10px;
height: 2px;
background: #1F242D;
left: 0;
top: 50%;
margin: -2px 0 0 0;
}
.pricing--tashi .pricing__action {
-webkit-align-self: flex-end;
align-self: flex-end;
margin-top: auto;
font-size: 1.55em;
width: 60px;
height: 60px;
line-height: 60px;
color: #fff;
border-radius: 30px;
background: #E25A77;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--tashi .pricing__item:nth-child(2) .pricing__action {
background: #E25ABC;
}
.pricing--tashi .pricing__item:nth-child(3) .pricing__action {
background: #7E5AE2;
}
.pricing--tashi .pricing__action:hover,
.pricing--tashi .pricing__action:focus {
background: #1A1F28 !important;
}
/* palden */
.pricing--palden .pricing__item {
cursor: default;
color: #84697c;
background: #fff;
box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
border-radius: 20px 20px 10px 10px;
margin: 1em;
}
@media screen and (min-width: 991px) {
.pricing--palden .pricing__item {
margin: 1em -0.5em;
}
.pricing--palden .pricing__item--featured {
margin: 0;
z-index: 10;
box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
}
}
.pricing--palden .pricing__deco {
border-radius: 10px 10px 0 0;
background: #7a90ff;
padding: 4em 0 9em;
position: relative;
}
.pricing--palden .pricing__deco-img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 160px;
}
.pricing--palden .pricing__item--featured .pricing__deco {
padding: 5em 0 8.885em 0;
}
.pricing--palden .pricing__title {
font-size: 0.75em;
margin: 0;
text-transform: uppercase;
letter-spacing: 5px;
color: #ffd5bd;
}
.pricing--palden .deco-layer {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.pricing--palden .pricing__item:hover .deco-layer--1 {
-webkit-transform: translate3d(15px,0,0);
transform: translate3d(15px,0,0);
}
.pricing--palden .pricing__item:hover .deco-layer--2 {
-webkit-transform: translate3d(-15px,0,0);
transform: translate3d(-15px,0,0);
}
.pricing--palden .icon {
font-size: 2.5em;
}
.pricing--palden .pricing__price {
font-size: 5em;
font-weight: bold;
padding: 0;
color: #fff;
margin: 0 0 0.25em 0;
line-height: 0.75;
}
.pricing--palden .pricing__currency {
font-size: 0.15em;
vertical-align: top;
color: rgba(0,0,0,0.4);
}
.pricing--palden .pricing__period {
font-size: 0.15em;
padding: 0 0 0 0.5em;
color: rgba(0,0,0,0.4);
font-style: italic;
}
.pricing--palden .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
}
.pricing--palden .pricing__feature-list {
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: center;
}
.pricing--palden .pricing__feature {
padding: 1em 0;
}
.pricing--palden .pricing__action {
font-weight: bold;
margin: auto 3em 2em 3em;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #ffae7e;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--palden .pricing__action:hover,
.pricing--palden .pricing__action:focus {
background-color: #f38747;
}
.bg-7 {
color: #C3E9F5;
background: linear-gradient(45deg, #7e67e5, #02cbdf);
}
.bg-1 {
background: #1B1A1C;
background-size: cover;
color: #fff;
}
.bg-2 {
background: #333 url(../img/blackboard.jpg) no-repeat center center;
background-size: cover;
color: #fff;
}
.bg-3 {
color: #fff;
background: #A2E29E;
}
.bg-4 {
background: #30353c;
color: #4e5154;
}
.bg-5 {
background: #514B48;
color: #7D746F;
}
.bg-6 {
background: #1d211f;
color: #6ed19f;
}
.bg-7 {
color: #C3E9F5;
background: linear-gradient(45deg, #7e67e5, #02cbdf);
}
.bg-8 {
background: #383e4c;
color: #fff;
}
.bg-9 {
background: #efb7b7;
color: #382628;
}
.bg-10 {
color: #eaebed;
}
.bg-11 {
background: #f7faf9;
}
.bg-12 {
background: #647df9;
color: #7a90ff;
}
.bg-12 p {
color: #fff;
text-align: center;
}
.bg-12 a {
color: #fff;
font-weight: bold;
}
.bg-12 a:hover,
.bg-12 a:focus {
color: rgba(0,0,0,0.3);
}
#pricing .section-header p, #pricing .section-header h2{color: #f7f7f7;}
@media(max-width:767px){
.pricing--norbu .pricing__item{margin-bottom: 15px;}
pricing--norbu .pricing__item:last-child{margin-bottom: 0px;}
}
/*Service section*/
.no-padding {
padding: 0;
}
.feature-block .feature-item {
margin-top: 40px;
}
.feature-item i {
color: #24a0de;
border: 1px solid #24a0de;
}
.feature-item i {
display: inline-block;
font-size: 30px;
text-align: center;
border-radius: 50%;
height: 80px;
line-height: 76px;
margin: 0;
width: 80px;
}
.icon-circle-compass:before {
content: "\e038";
}
.feature-item h5 {
color: #333333;
font-size: 16px;
font-weight: 600;
line-height: 16px;
margin: 25px 0 15px;
}
.feature-item h5 a {
color: #333333;
}
#services-list{padding:0 0 100px;}
#services-list .service-block:not(:nth-last-child(-n+3)) {
margin-bottom: 60px;
}
#services-list .service-in{border: 1px dotted #ccc; padding:15px 10px; box-shadow: 0 0 3px #ccc; }
.main-heading {
margin-bottom: 60px;
}
.main-heading .title {
color: #333333;
font-size: 25px;
font-weight: 600;
line-height: 25px;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 25px;
}
#services-list .icon {
color: #24a0de;
}
#services-list .icon {
display: inline-block;
float: left;
font-size: 38px;
line-height: 38px;
margin-right: 25px;
margin-top: 10px;
text-align: center;
}
#services-list .service-content {
margin-left: 64px;
}
#services-list h5 {
margin-top: 0;
margin-bottom: 15px;
}
#services-list h5 a{color: #333;}
/* ------------------------------------------------------------------------ */
/* BACK TO TOP BUTTON
/* ------------------------------------------------------------------------ */
#back-to-top {
position: fixed;
z-index: 1000;
bottom: 20px;
right: 20px;
display: none;
}
#back-to-top a {
display: block;
width: 40px;
height: 40px;
background: #1997d2;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-transition: 0.2s all linear;
-moz-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
color: #fff;
line-height: 1.8;
padding-left:14px;
font-size: 20px;
}
#back-to-top a:hover {
background-color: #222222;
}
/*header style 2*/
#sp-top-bar {
background: rgba(247, 247, 247, 0.59);
}
#sp-top-bar .sp-contact-info {
margin: 0;
padding: 0;
}
.sp-contact-info li {
float: left;
font-size: 90%;
padding: 10px;
}
.sp-contact-info li i {
margin: 0 3px;
}
#sp-top-bar ul.sp-contact-info a, #topbar ul.sp-contact-info a {
color: #0894D8;
}
.social-one ul.social-icons {
float: right;
}
ul.social-icons {
display: inline-block;
list-style: outside none none;
margin: -5px;
padding: 0;
}
ul.social-icons > li {
display: inline-block;
margin: 0 -2px;
}
ul.social-icons > li a {
color: #999999;
transition: all ease-in-out 0.3s
}
.social-one ul li a i {
line-height: 2;
padding: 10px 12px;
transition: all 300ms ease 0s;
transition: all ease-in-out 0.3s
}
.social-one ul li a:hover i{color: #00BCD4; transition: all ease-in-out 0.3s}
@media (max-width: 767px){
.sp-contact-info li, .social-one ul.social-icons {
float: none;
text-align: center;
}
.sp-column.social-one{text-align: center;}
}
/*coming soon page*/
/*404 error page*/
.breadcrumb-wrapper.error-section{padding: 100px 0; text-align: center; height: inherit; }
.error-in {
padding: 25px 0;
}
.breadcrumb-wrapper.error-section h1 {
font-size: 156px;
color: #f7f7f7;
}
.breadcrumb-wrapper.error-section h1 span{color: #ffab0a; font-size: 200px;}
.breadcrumb-wrapper.error-section p {
font-size: 32px;
color: #f7f7f7;
margin-bottom: 30px;
font-style: italic;
}
.blog-grid .entry-content {
margin-top: 0;
position: relative;
}
.entry-content{position: relative;}
@media(max-width: 991px){
.blog-grid .entry-content{margin-top: 1.5em 0 0;}
}
#about p {
margin-bottom: 15px;
}
.widget_cyclone_blog_slider,
.widget_cyclone_blog_skill,
.widget_cyclone_blog_about_us,
.widget_cyclone_blog_experience,
.widget_cyclone_blog_portfolio,
.widget_cyclone_blog_testimonials,
.widget_cyclone_blog_work_progress,
.widget_cyclone_blog_blog,
.widget_cyclone_blog_contact_us {
margin:0 !important;
}
.blog-lists{
padding: 60px 0 !important;
}
#footer .copyright a {
border-bottom: 1px dotted #fff;
line-height: 22px;
display: inline-block;
}
.single_page .meta i {
margin-right: 5px;
}
.ml-5{
margin-left: 5px;
}
.mr-5{
margin-right: 5px;
}
.scroll_content {
height: 120px;
overflow: hidden;
text-align: left;
}
.scroll_content_2{
height: 115px;
overflow: hidden;
text-align: left;
}
/*added css*/
.sticky .entry-content:before, .entry-content:after {
content: " ";
font-family: 'Font Awesome 5 Free';
font-size: 28px;
padding-bottom: 0px;
transform: rotate(-45deg);
padding-left: 8px;
color: #ccc;
}
.sticky .entry-content:after {
position: absolute;
content: "\f08d";
font-family: 'Font Awesome 5 Free';
top: -6px;
right: 6px;
transform: rotate(45deg);
}
@media (max-width: 991px){
.sticky .entry-content:after{display: none;}
}
.navbar-nav li a i.has_sub_menu_parent.fa.fa-angle-down {
position: relative;
top: 4px;
left: 5px;
font-size: 12px;
}
.social_share_icon{margin-top: 6px;}
.social_share_icon i {
padding: 11px 0 0 0px;
border-radius: 50%;
height: 40px;
width: 40px;
font-size: 16px;
text-align: center;
margin-right: 8px;
color: #fff;
}
.social_share_icon.after_title{margin: 0 0 8px;}
.social_share_icon i.fa.fa-facebook{
background: #3b5998;
}
.social_share_icon i.fa.fa-twitter{
background: #4099FF;
}
.social_share_icon i.fa.fa-linkedin{
background: #007bb6;
}
.social_share_icon i.fa.fa-google-plus{
background: #d34836;
}
.social_share_icon i:hover{
opacity: 0.8;
}
/*.page-fullwidth-transparent-header*/
.page-fullwidth-transparent-header header#masthead{
position: absolute;
z-index: 9;
top: 0;
width: 100%;
background: rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.page-fullwidth-transparent-header #top-bar{
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.page-fullwidth-transparent-header #top-social-left li a{
color: #fff;
border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.page-fullwidth-transparent-header #top-social-left li:first-child a{border-left: 1px solid rgba(255, 255, 255, 0.07);}
.page-fullwidth-transparent-header .top-bar-right li{color: #fff;}
.page-fullwidth-transparent-header.sidebar .navbar-default .navbar-nav>li>a{
color: #fff;
border: none;
}
.page-fullwidth-transparent-header header .navbar-default .navbar-nav>li.active,
.page-fullwidth-transparent-header header .navbar-default .navbar-nav>li.active>a,
.page-fullwidth-transparent-header header .navbar-default .navbar-nav > li > a:hover{
color: #2fbeef!important;
background: transparent!important;
border: none;
}
.page-fullwidth-transparent-header .navbar-default .navbar-nav>li>a.menu_custom_btn{
padding: 8px 16px;
margin-top: 25px;
background: #2fbeef;
margin-left: 20px;
border: none;
color: #fff!important;
}
.page-fullwidth-transparent-header .navbar-default .navbar-nav>li>a.menu_custom_btn:hover{
opacity: 0.8;
color: #fff!important;
background: #2fbeef!important;
border:none;
}
.page-fullwidth-transparent-header .header-search i{color: #fff;}
.page-fullwidth-transparent-header .slider-main.mb_slider_2 .s-item .s-caption{top: 28%;}
.page-fullwidth-transparent-header .slider-main.mb_slider_2 .slider-list .slick-dots{bottom: 20%; z-index: 3;}
.page-fullwidth-transparent-header .slider-main.mb_slider_2 .slider-list .slick-prev,
.page-fullwidth-transparent-header .slider-main.mb_slider_2 .slider-list .slick-next{
top:30%;
}
.page-fullwidth-transparent-header .slider-main.mb_slider_3 .slider-list .slick-prev,
.page-fullwidth-transparent-header .slider-main.mb_slider_3 .slider-list .slick-next{
top: 20%;
}
@media(max-width: 991px){
.page-fullwidth-transparent-header .slider-main.mb_slider_2 .slider-list .slick-prev,
.page-fullwidth-transparent-header .slider-main.mb_slider_2 .slider-list .slick-next{
display: none!important;
}
.page-fullwidth-transparent-header .slider-main.mb_slider_2 .s-item .s-caption{top: 22%;}
}
@media(max-width: 640px){
.page-fullwidth-transparent-header .slider-main.mb_slider_2 .s-item .s-caption{top: 20%;}
.page-fullwidth-transparent-header .slider-main.mb_slider_2 .slider-list .slick-dots{bottom: 15%;}
}
/*Theme-sticky*/
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky, .navbar.sticky{
z-index: 99;
transition: all ease-in-out 0.5s;
position: fixed;
width: 100%;
top:0;
background: #fff;
box-shadow: 0 0 5px #ccc;
padding: 0;
border-radius: 0px;
}
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky .logo img, .navbar.sticky .logo img{width: auto;}
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar.sticky .navbar-nav li ul{top:69px; }
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar.sticky.navbar-default .navbar-nav>li>a,
.navbar.sticky.navbar-default .navbar-nav>li>a,
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky .header-search i,
.navbar.sticky .header-search i{
color: #333;
}
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar.sticky.navbar-default .navbar-nav>li>a,
.navbar.sticky.navbar-default .navbar-nav>li>a{
padding: 24px 20px 25px;
}
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar.sticky.navbar-default .navbar-nav>li>a.menu_custom_btn,
.navbar.sticky.navbar-default .navbar-nav>li>a.menu_custom_btn{
color: #fff;
}
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar.sticky.navbar-default .navbar-nav>li>a:hover,
.navbar.sticky.navbar-default .navbar-nav>li>a:hover{
color: #fff;
background:#2fbeef;
}
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar.sticky.navbar-default .navbar-nav>li>a.menu_custom_btn,
.navbar.sticky.navbar-default .navbar-nav>li>a.menu_custom_btn{padding: 8px 16px;}
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar-default .navbar-nav>li>a:after,
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar-default .navbar-nav>li>a.menu_custom_btn:after,
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar.sticky.navbar-default .navbar-nav>li>a.menu_custom_btn:after,
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar.sticky.navbar-default .navbar-nav>li:last-child>a:after{
display: none;
}
.page-fullwidth-transparent-header.sidebar.theme-sticky .navbar.sticky.navbar-default .navbar-nav>li>a:after{display: block;}
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky .header-search .search-box-wrap,
.navbar.sticky .header-search .search-box-wrap{
top: 65px;
background: #fff;
border: 1px solid #f1f1f1;
border-width: 0 1px 1px;
}
.navbar.sticky .header-search .search-box-wrap{top: 69px;}
.navbar-nav ul.sub-menu li a i {
margin-top: 3px;
}
.page-fullwidth-transparent-header.theme-sticky .header-search .search-form input#searchsubmit,
.page-fullwidth-transparent-header.theme-sticky .header-search .search-form input#searchsubmit:visited {
background: #fff;
border-color: #fff;
/*color: #2fbeef;*/
}
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky .header-search input.search-field,
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky .header-search input.search-field:visited,
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky .header-search input.search-field:focus,
.navbar.sticky .header-search input.search-field,
.navbar.sticky .header-search input.search-field:visited,
.navbar.sticky .header-search input.search-field:focus{
border-color: #f1f1f1;
color: #666;
}
.navbar.sticky .has-menu-description .logo{padding: 12px 0 10px;}
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky .has-menu-description .logo{padding: 10px 0 8px;}
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky .navbar-nav>li>a.menu_custom_btn,
.navbar.sticky .navbar-nav>li>a.menu_custom_btn{margin-top: 20px;}
.page-fullwidth-transparent-header.theme-sticky .navbar.sticky .header-search i{margin-top: 23px;}
.navbar.sticky .header-search i{margin-top: 25px;}
/*
.navbar-nav > li:hover { background: #2fbeef; }
.navbar-nav > li:hover > a{ color: #fff !important; }
*/
.page-fullwidth-transparent-header .navbar-nav > li:hover {
background: inherit;
}
.page-fullwidth-transparent-header .navbar-nav > li:hover > a{
color: #2fbeef !important;
}
li.search_wrapper:hover,
li.header_search_wrapper:hover {
background: none;
}
/* Top Header */
#top-social-left li a {
font-weight: 700;
color: #666;
display: inline;
position: relative;
float: left;
width: 44px;
/*overflow: hidden;*/
height: 44px;
line-height: 44px;
border-right: 1px solid #eee;
text-align: center;
font-size: 15px;
transition: all ease-in-out 0.5s;
}
#top-social-left li:first-child a {
border-left: 1px solid #eee;
}
span.ts-text {
display: none;
}
#top-bar{
border-bottom: 1px solid #eee;
}
#top-social-left li:hover a {
background: #3b5998;
color: #fff;
transition: all ease-in-out 0.5s;
}
#top-social-left li:hover a{
width: auto;
transition: all ease-in-out 0.5s;
}
#top-social-left li:hover a .ts-text{
display: block;
padding: 0 15px 0 0;
float: right;
font-size: 12px;
}
#top-social-left li:hover a .ts-icon{
float: left;
width: 44px;
height: 44px;
}
.top-bar-right li {
display: inline-block;
padding: 13px 10px 10px 0;
font-size: 13px;
}
.top-bar-right li:after {
content: '|';
padding-left: 10px;
}
.top-bar-right li:last-child:after{
display: none;
}
.top-bar-right {
float: right;
}
.top-bar-right i {
margin-right: 2px;
}
@media(max-width: 991px){
.top-bar-right{display: none;}
}
/*has no menu description*/
.navbar-default .has-no-menu-description .navbar-nav>li>a{
padding: 23px 20px 24px;
}
.navbar-default .has-no-menu-description .navbar-nav>li>a.menu_custom_btn{margin-top: 18px; padding: 8px 16px;}
.navbar-default .has-no-menu-description .navbar-nav li ul{top: 71px;}
.has-no-menu-description .header-search i{margin-top: 24px;}
.has-no-menu-description .header-search .search-box-wrap{top: 66px;}
/*transparent header*/
.page-fullwidth-transparent-header .navbar-default .has-no-menu-description .navbar-nav>li>a{
padding: 27px 20px 25px;
}
.page-fullwidth-transparent-header .navbar-default .has-no-menu-description .navbar-nav>li>a.menu_custom_btn{padding: 8px 16px;}
@media(max-width: 1100px){
.header-search{display: none;}
}
@media(max-width: 991px){
.page-fullwidth-transparent-header .slicknav_btn.slicknav_open:before,
.page-fullwidth-transparent-header .slicknav_btn.slicknav_collapsed:before{
color: #fff;
}
.page-fullwidth-transparent-header .navbar.sticky .slicknav_btn.slicknav_open:before,
.page-fullwidth-transparent-header .navbar.sticky .slicknav_btn.slicknav_collapsed:before{
color: #434343;
}
.page-fullwidth-transparent-header .slicknav_nav{top: 90px;}
}
/*footer style 1*/
#footer.footer-style-1 p.copyright{padding-bottom: 12px;}
/*footer style 2*/
#footer.footer-style-2{padding: 45px 0;}
#footer.footer-style-2 p.copyright{text-align: left;}
#footer.footer-style-2 .footer_social_links{text-align: right;}
footer.footer-style.footer-style-2 ul.inline-menu {
padding: 7px 0 4px 0!important;
text-align: left;
margin: 0!important;
}
/*footer style 3*/
footer.footer-style.footer-style-3 ul.inline-menu {
padding: 7px 0 4px 0!important;
}
/*footer style 4*/
#footer.footer-style-4 p.copyright{text-align: left; padding-top: 2px;}
#footer.footer-style-4 .footer_social_links{text-align: right;}
.footer_pro {
background: #1a1b1f url('http://wp3.commonsupport.com/newwp/borvel/wp-content/uploads/2018/07/6-1.jpg') no-repeat;
background-size: 100%;
background-position:bottom;
background-attachment: fixed;
padding: 80px 0 80px;
position: relative;
}
.footer_pro:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(25,25,25,0.90);
}
.footer_pro h2.widget-title{
border: none;
color: #ddd;
font-size: 18px;
position: relative;
margin-bottom: 25px;
padding-bottom: 10px;
text-transform: uppercase;
}
.footer_pro h2.widget-title:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 40px;
height: 1px;
background-color: #2fbeef;
}
.footer_pro .textwidget.custom-html-widget {
color: #aaa;
}
.footer_pro .search-form{border: none;}
.footer_pro ul.sidebar-cat > ul > li, .footer_pro .widget.widget_categories > ul > li,
.footer_pro .widget.widget_archive > ul > li,
.footer_pro .widget.widget_pages > ul > li, .footer_pro .widget.widget_meta > ul > li,
.footer_pro .widget.widget_nav_menu div > ul > li, .footer_pro .widget.widget_recent_comments div > ul > li,
.footer_pro .widget.widget_recent_entries ul > li{
border-bottom: none;
padding: 0;
margin-bottom: 10px;
}
.footer_pro ul.sidebar-cat li a, .footer_pro .widget.widget_categories li a,
.footer_pro .widget.widget_archive li a, .footer_pro .widget.widget_pages li a,
.footer_pro .widget.widget_meta li a,
.footer_pro .widget.widget_recent_comments li a, .footer_pro .widget.widget_recent_entries li a{
color: #aaa!important;
font-weight: 400;
}
.footer_pro ul.sidebar-cat li a:before, .footer_pro .widget.widget_categories li a:before,
.footer_pro .widget.widget_archive li a:before, .footer_pro .widget.widget_pages li a:before,
.footer_pro .widget.widget_meta li a:before, .footer_pro .widget.widget_nav_menu li a:before,
.footer_pro .widget.widget_recent_comments li .comment-author-link a:before, .footer_pro .widget.widget_recent_entries li a:before{
content: '\f105';
padding-right: 5px;
font-family: 'Font Awesome 5 Free';
}
.footer_pro ul.sidebar-cat li:last-child, .footer_pro .widget.widget_categories li:last-child, .footer_pro .widget.widget_archive li:last-child,
.footer_pro .widget.widget_pages li:last-child, .footer_pro .widget.widget_meta li:last-child, .footer_pro .widget.widget_nav_menu li:last-child,
.footer_pro .widget.widget_recent_comments li:last-child, .footer_pro .widget.widget_recent_entries li:last-child{
margin-bottom: 0;
border:none;
padding-bottom: 0;
}
.footer_pro .widget.widget_search .search-form {
position: relative;
background: #fff;
height: 38px;
overflow:hidden;
}
.footer_pro .widget.widget_search input[type="text"] {
width: 100%;
height: 37px;
border: none;
padding:5px 15px;
font-weight: 400;
font-size: 13px;
}
.footer_pro .widget.widget_search input[type="text"]:focus{outline: none; border: none;}
.footer_pro .search-form input#searchsubmit {
font-size: 12px;
background: #2fbeef;
font-weight: 400;
letter-spacing: 1px;
}
.footer_pro .tagcloud a{
border: 1px solid #aaa;
padding: 6px 12px;
color: #aaa;
background: transparent;
}
.footer_pro .tagcloud a:hover {
border-color: #2fbeef;
background: #2fbeef;
color: #fff;
}
.footer_pro .gallery-item {
padding: 2px;
margin: 0;
}
.footer_pro .calendar_wrap caption{
background: transparent;
padding: 5px 0 5px;
border: 1px solid rgba(204, 204, 204, 0.2);
}
.footer_pro .calendar_wrap tr, .footer_pro .calendar_wrap th, .footer_pro .calendar_wrap td{
border: 1px solid rgba(204, 204, 204, 0.2);
font-size: 13px;
}
.footer_pro tfoot a{
color: #2fbeef;
}
@media(max-width: 1100px){
#top-bar{display: none;}
}
@media(max-width: 991px){
.sidebar .footer_pro .widget:last-child {
margin: 0 0 30px;
}
}
@media(max-width: 991px) and (min-width: 768px){
#footer.footer-style-2 ul > li{margin: 0 2px;}
}
@media(max-width: 767px){
.footer_pro .gallery-item a img{width: 100%;}
}
@media(max-width: 736px){
#footer.footer-style-2 p.copyright, #footer.footer-style-2 .footer_social_links{
text-align: center;
}
.footer_menu_2 {
display: inline-block;
}
#footer.footer-style-2 .footer_social_links{margin-top: 15px;}
}
.services-main .detail-content.single_page h3,
.megablocks_blog_1 .portfolio_col_item_caption h3{padding-left: 0; padding-right: 0;}
.slider-main .s-item .s-caption p, .services-main .detail-content.single_page p,
.mb_team_style_1 .team_columns_item_caption p, .megablocks_blog_1 .portfolio_col_item_caption p,{padding: 0;}
.detail-content.single_page.eb_page p{
padding-right: 0;
padding-left: 0;
}
.detail-content.single_page .mb_heading_wrapper h3{
font-weight: 600;
padding: 0;
line-height: initial;
}
.full-page .detail-content.single_page h1,
.full-page .detail-content.single_page h2,
.full-page .detail-content.single_page h3,
.full-page .detail-content.single_page h4,
.full-page .detail-content.single_page h5,
.full-page .detail-content.single_page h6,
.full-page .detail-content.single_page p{
padding-right: 0;
padding-left: 0;
}
.wp-block-image figure{
margin: 0;
}
.breadcrumb-wrapper.error-section .section-title{
text-align: center;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
outline: none !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px !important;
font-size: 0.875rem;
font-weight: bold;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
right: auto;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.search-form label input.search-field {
width: 94%;
padding: 10px 15px;
border: none;
font-weight: 500;
}
section.no-results.not-found .page-content > p {
margin-bottom: 10px;
}
/*
kboard
*/
#kboard-default-document .kboard-title h1 {
line-height:1.1em !important;
font-size:12pt !important;
}
@media (min-width:768px) {
#kboard-default-document .kboard-title h1 { font-size:14pt !important; }
}
@media (min-width:992px) {
#kboard-default-document .kboard-title h1 { font-size:16pt !important; }
}
@media (min-width:1200px) {
#kboard-default-document .kboard-title h1 { font-size:18pt !important; }
}
/*
popup builder
*/
.sg-popup-content {
width: 96% !important;
height:96% !important;
border-top: 8px solid #F4783A !important;
border-right: 5px solid #F4783A !important;
border-bottom: 5px solid #F4783A !important;
border-left: 5px solid #F4783A !important;
border-radius:0px !important;
}
@media (min-width:768px) {
.sg-popup-content { width: 600px !important; height:96% !important;}
}
@media (min-width:992px) {
.sg-popup-content { width: 600px !important; height:96% !important;}
}
@media (min-width:1200px) {
.sg-popup-content { width: 600px !important; height:96% !important;}
}
/*
이용자 정보 수집 안내
*/
#getUserData .jumbotron { line-height: 1.6em;
font-size: 12pt;
padding: 30px;
background-color: #1e3d76;
color: #fafafa;
font-weight: bold;
}
/*****************************
게시판 스타일
******************************/
#kboard-document .kboard-default-poweredby {
display: none !important;
}
#kboard-document .kboard-content h1 {
font-size: 20pt !important;
}
#kboard-document .kboard-content h2 {
font-size: 19pt !important;
}
#kboard-document .kboard-content h3 {
font-size: 18pt !important;
}
#kboard-document .kboard-content h4 {
font-size: 16pt !important;
}
#kboard-document .kboard-content h5 {
font-size: 14pt !important;
}
#kboard-document .kboard-list tr.kboard-list-selected {
background-color: #e3e3e3 !important;
}
#kboard-document .kboard-content .content-view div.t {
font-weight: bold;
margin-bottom: 5px;
}
#kboard-document .kboard-content .content-view div.t + br {
display: none;
}
#kboard-document .kboard-content .content-view div.c {
font-weight: normal;
padding-left: 15px;
}
/* dl */
#kboard-document .kboard-content .content-view dl {
display: flex;
gap: 16px;
margin-bottom: 16px;
align-items: baseline;
}
/* dt ○ */
#kboard-document .kboard-content .content-view dl dt {
font-weight: bold;
margin: 0;
flex-shrink: 0;
}
#kboard-document .kboard-content .content-view dl dt::before {
content: "○";
}
/* dd */
#kboard-document .kboard-content .content-view dl dd {
font-weight: normal;
margin: 0;
}
/* 본문 이미지 */
#kboard-document .kboard-content .content-view img {
max-width: 100%;
height: auto !important;
margin-top: 20px;
margin-bottom: 20px;
}
/* 첨부파일 버튼 */
#kboard-document .kboard-button-download {
padding: 8px 16px !important;
border-radius: 8px !important;
}
@media (min-width:768px) {
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
}
/********* 케이보드에 wp-embedded-content 안보이게 하기 ****************/
.wp-embedded-content {
display: none;
}
iframe.wp-embedded-content {
display: none !important;
}