/*----------------------------------------------------------------- ## Normalize ------------------------------------------------------------------*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*----------------------------------------------------------------- ## Wordpress mandatory components ------------------------------------------------------------------*/ /* Captions */ .wp-caption { margin-bottom: calc(1.5 * 1rem); } @media only screen and (min-width: 768px) { .wp-caption.aligncenter { position: relative; left: calc( calc(8 * (100vw / 12) - 28px) / 2); transform: translateX(-50%); } } @media only screen and (min-width: 1168px) { .wp-caption.aligncenter { left: calc( calc(6 * (100vw / 12) - 28px) / 2); } } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { color: #767676; font-size: 0.71111em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.6; margin: 0; padding: 0.5rem; text-align: center; } /* Galleries */ .gallery { display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: calc(1.5 * 1rem); } .gallery-item { display: inline-block; margin-right: 16px; margin-bottom: 16px; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: calc((100% - 16px * 1) / 2); } .gallery-columns-2 .gallery-item:nth-of-type(2n+2) { margin-right: 0; } .gallery-columns-3 .gallery-item { max-width: calc((100% - 16px * 2) / 3); } .gallery-columns-3 .gallery-item:nth-of-type(3n+3) { margin-right: 0; } .gallery-columns-4 .gallery-item { max-width: calc((100% - 16px * 3) / 4); } .gallery-columns-4 .gallery-item:nth-of-type(4n+4) { margin-right: 0; } .gallery-columns-5 .gallery-item { max-width: calc((100% - 16px * 4) / 5); } .gallery-columns-5 .gallery-item:nth-of-type(5n+5) { margin-right: 0; } .gallery-columns-6 .gallery-item { max-width: calc((100% - 16px * 5) / 6); } .gallery-columns-6 .gallery-item:nth-of-type(6n+6) { margin-right: 0; } .gallery-columns-7 .gallery-item { max-width: calc((100% - 16px * 6) / 7); } .gallery-columns-7 .gallery-item:nth-of-type(7n+7) { margin-right: 0; } .gallery-columns-8 .gallery-item { max-width: calc((100% - 16px * 7) / 8); } .gallery-columns-8 .gallery-item:nth-of-type(8n+8) { margin-right: 0; } .gallery-columns-9 .gallery-item { max-width: calc((100% - 16px * 8) / 9); } .gallery-columns-9 .gallery-item:nth-of-type(9n+9) { margin-right: 0; } .gallery-item:last-of-type { padding-right: 0; } .gallery-caption { display: block; font-size: 0.71111em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.6; margin: 0; padding: 0.5rem; } .gallery-item>div>a { display: block; line-height: 0; box-shadow: 0 0 0 0 transparent; } .gallery-item>div>a:focus { box-shadow: 0 0 0 2px #0073aa; } .bypostauthor { display: block; } .entry .entry-content>*, .entry .entry-summary>* { margin: 32px 0; max-width: 100%; } @media only screen and (min-width: 768px) { .entry .entry-content>*, .entry .entry-summary>* { max-width: calc(8 * (100vw / 12) - 28px); } } @media only screen and (min-width: 1168px) { .entry .entry-content>*, .entry .entry-summary>* { max-width: calc(6 * (100vw / 12) - 28px); } } @media only screen and (min-width: 768px) { .entry .entry-content>*, .entry .entry-summary>* { margin: 32px 0; } } .entry .entry-content>*>*:first-child, .entry .entry-summary>*>*:first-child { margin-top: 0; } .entry .entry-content>*>*:last-child, .entry .entry-summary>*>*:last-child { margin-bottom: 0; } .entry .entry-content>*.alignwide, .entry .entry-summary>*.alignwide { margin-left: auto; margin-right: auto; clear: both; } @media only screen and (min-width: 768px) { .entry .entry-content>*.alignwide, .entry .entry-summary>*.alignwide { width: 100%; max-width: 100%; } } .entry .entry-content>*.alignfull, .entry .entry-summary>*.alignfull { position: relative; left: -1rem; width: calc( 100% + (2 * 1rem)); max-width: calc( 100% + (2 * 1rem)); clear: both; } @media only screen and (min-width: 768px) { .entry .entry-content>*.alignfull, .entry .entry-summary>*.alignfull { margin-top: calc(2 * 1rem); margin-bottom: calc(2 * 1rem); left: calc( -12.5% - 75px); width: calc( 125% + 150px); max-width: calc( 125% + 150px); } } .entry .entry-content>*.alignleft, .entry .entry-summary>*.alignleft { /*rtl:ignore*/ float: left; max-width: calc(5 * (100vw / 12)); margin-top: 0; margin-left: 0; /*rtl:ignore*/ margin-right: 1rem; } @media only screen and (min-width: 768px) { .entry .entry-content>*.alignleft, .entry .entry-summary>*.alignleft { max-width: calc(4 * (100vw / 12)); /*rtl:ignore*/ margin-right: calc(2 * 1rem); } } .entry .entry-content>*.alignright, .entry .entry-summary>*.alignright { /*rtl:ignore*/ float: right; max-width: calc(5 * (100vw / 12)); margin-top: 0; margin-right: 0; /*rtl:ignore*/ margin-left: 1rem; } @media only screen and (min-width: 768px) { .entry .entry-content>*.alignright, .entry .entry-summary>*.alignright { max-width: calc(4 * (100vw / 12)); margin-right: 0; /*rtl:ignore*/ margin-left: calc(2 * 1rem); } } .entry .entry-content>*.aligncenter, .entry .entry-summary>*.aligncenter { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { .entry .entry-content>*.aligncenter, .entry .entry-summary>*.aligncenter { max-width: calc(8 * (100vw / 12) - 28px); } } @media only screen and (min-width: 1168px) { .entry .entry-content>*.aligncenter, .entry .entry-summary>*.aligncenter { max-width: calc(6 * (100vw / 12) - 28px); } } @media only screen and (min-width: 768px) { .entry .entry-content>*.aligncenter, .entry .entry-summary>*.aligncenter { margin-left: 0; margin-right: 0; } } /*----------------------------------------------------------------- ## Bizflow Icons ------------------------------------------------------------------*/ @font-face { font-family: 'Bizflow Icons'; src: url('ipfont/fonts/Bizflow-Icons.eot?gkjvk'); src: url('ipfont/fonts/Bizflow-Icons.eot?gkjvk#iefix') format('embedded-opentype'), url('ipfont/fonts/Bizflow-Icons.ttf?gkjvk') format('truetype'), url('ipfont/fonts/Bizflow-Icons.woff?gkjvk') format('woff'), url('ipfont/fonts/Bizflow-Icons.svg?gkjvk#Bizflow-Icons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="ipicon-"], [class*=" ipicon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Bizflow Icons'; src: url('fonts/Bizflow-Icons.eot?lxsn7j'); src: url('fonts/Bizflow-Icons.eot?lxsn7j#iefix') format('embedded-opentype'), url('fonts/Bizflow-Icons.ttf?lxsn7j') format('truetype'), url('fonts/Bizflow-Icons.woff?lxsn7j') format('woff'), url('fonts/Bizflow-Icons.svg?lxsn7j#Bizflow-Icons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .ipicon-horizontal::before { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .ipicon-horizontal-opposite::before { transform: rotate(270deg); -webkit-transform: rotate(270deg); } .ipicon-pinned:before { content: "\e90f"; } .ipicon-menubars:before { content: "\e90e"; } .ipicon-search:before { content: "\e903"; } .ipicon-close:before { content: "\e905"; } .ipicon-minus:before { content: "\e90c"; } .ipicon-plus:before { content: "\e90d"; } .ipicon-clock:before { content: "\e90a"; } .ipicon-pencil:before { content: "\e90b"; } .ipicon-bookmark:before { content: "\e900"; } .ipicon-checkmark:before { content: "\e901"; } .ipicon-chevron:before { content: "\e902"; } .ipicon-ellipsis:before { content: "\e904"; } .ipicon-arrow-left-circle:before { content: "\e913"; } .ipicon-loupe:before { content: "\e915"; } .ipicon-arrow-right-circle:before { content: "\e906"; } .ipicon-tag:before { content: "\e907"; } .ipicon-arrow-up:before { content: "\e908"; } .ipicon-arrow-down:before { content: "\e910"; } .ipicon-arrow-left:before { content: "\e911"; } .ipicon-arrow-right:before { content: "\e912"; } .ipicon-arrow-up-circle:before { content: "\e909"; } /*----------------------------------------------------------------- ## Typography ------------------------------------------------------------------*/ /* nunito-300 - latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url('../fonts/nunito/nunito-v12-latin-300.eot'); /* IE9 Compat Modes */ src: local('Nunito Light'), local('Nunito-Light'), url('../fonts/nunito/nunito-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito/nunito-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito/nunito-v12-latin-300.svg#Nunito') format('svg'); /* Legacy iOS */ } /* nunito-regular - latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url('../fonts/nunito/nunito-v12-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Nunito Regular'), local('Nunito-Regular'), url('../fonts/nunito/nunito-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito/nunito-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito/nunito-v12-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */ } /* nunito-italic - latin */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url('../fonts/nunito/nunito-v12-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Italic'), local('Nunito-Italic'), url('../fonts/nunito/nunito-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito/nunito-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito/nunito-v12-latin-italic.svg#Nunito') format('svg'); /* Legacy iOS */ } /* nunito-700 - latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url('../fonts/nunito/nunito-v12-latin-700.eot'); /* IE9 Compat Modes */ src: local('Nunito Bold'), local('Nunito-Bold'), url('../fonts/nunito/nunito-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito/nunito-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito/nunito-v12-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */ } /* nunito-700italic - latin */ @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 700; src: url('../fonts/nunito/nunito-v12-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Bold Italic'), local('Nunito-BoldItalic'), url('../fonts/nunito/nunito-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito/nunito-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito/nunito-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito/nunito-v12-latin-700italic.svg#Nunito') format('svg'); /* Legacy iOS */ } /*----------------------------------------------------------------- ## Animation ------------------------------------------------------------------*/ @-webkit-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes navbarFixedIn { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes navbarFixedIn { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes navbarFixedOut { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -100%, 0); } } @-webkit-keyframes navbarFixedOut { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -100%, 0); } } /*----------------------------------------------------------------- ## General styling for HTML elements ------------------------------------------------------------------*/ * { box-sizing: border-box; -moz-box-sizing: border-box; } body { margin: 0 auto; padding: 0; font-size: 14px; line-height: 1.4; font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif; color: #393939; background-color: #efefef; } code, kbd, samp { display: block; padding: 0.75em 1em; background-color: #f8f8f8; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); } table { margin-bottom: 1em; border-collapse: collapse; border: 1px solid #efefef; } table td, table th { padding: 0.5em; word-break: break-all; border: 1px solid #efefef; } figure { margin: 0; } img { max-width: 100%; height: auto; } blockquote { border-left: 2px solid #ff8080; margin-left: 0; padding: 0 0 0 1em; } blockquote>p { margin: 0 0 1em; } blockquote cite { color: #767676; } a { text-decoration: none; color: #ff8080; background-color: transparent; transition: 0.4s all ease-out; -webkit-transition: 0.4s all ease-out; } a:hover, a:active { text-decoration: underline; color: #ff3434; } input, textarea, select, input[type="text"], input[type="number"], input[type="date"], input[type="url"], input[type="date"], input[type="email"] { outline: none !important; box-shadow: none; border: 1px solid transparent; height: 44px; width: auto; font-size: inherit; line-height: 1.24; padding-left: 10px; padding-right: 10px; color: #5a5a5a; background: #f8f8f8; border-color: #efefef; transition: 0.4s all ease-out; -webkit-transition: 0.4s all ease-out; } input:focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="email"]:focus { color: #292929; background: #ffffff; border-color: #ff8080; } textarea { height: initial; } input::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #999; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #999; } input:-webkit-input-placeholder, textarea:-webkit-input-placeholder, input[type="text"]:-webkit-input-placeholder, input[type="number"]:-webkit-input-placeholder, input[type="date"]:-webkit-input-placeholder, input[type="url"]:-webkit-input-placeholder, input[type="date"]:-webkit-input-placeholder, input[type="email"]:-webkit-input-placeholder { color: #999; } input[type="checkbox"], input[type="radio"] { position: relative; display: inline-block; height: 14px; width: 14px; padding: 0; margin: 0; vertical-align: baseline; box-shadow: none; -webkit-appearance: none; border: 1px solid #efefef; background: #ffffff; color: #292929; transition: 0.4s all ease-out; -webkit-transition: 0.4s all ease-out; } input[type="checkbox"]::after, input[type="radio"]::after { display: none; content: ' '; position: absolute; left: 2px; top: 2px; height: 8px; width: 8px; font-size: 10px; line-height: 10px; color: inherit; background: transparent; } input[type="checkbox"]:checked::after, input[type="radio"]:checked::after { display: block; } input[type="checkbox"]:checked::after { content: '\2714'; } input[type="checkbox"]:checked, input[type="radio"]:checked { border-color: #292929; } input[type="checkbox"] { border-radius: 0; } input[type="radio"] { border-radius: 50%; } input[type="radio"]::after { height: 6px; width: 6px; top: 3px; left: 3px; border-radius: 50%; } input[type="radio"]:checked::after { content: ' '; background-color: #292929; } input[type="file"]{ background: unset; padding: unset; border: unset; } button, input[type="button"], input[type="submit"], .button, .btn { outline: none !important; cursor: pointer; height: 44px; margin-top: 0; padding-left: 15px; padding-right: 15px; border-radius: 4px; border: 1px solid #efefef; color: #292929; background-color: #f8f8f8; } a.button, a.btn { height: auto; } button:focus, input[type="button"]:focus, input[type="submit"]:focus, .button:focus, .btn:focus, button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover, .btn:hover { border-color: #292929; background-color: #ffffff; } button:active, input[type="button"]:active, input[type="submit"]:active, .button:active, .btn:active { color: #ffffff; border-color: #292929; background-color: #292929; } /*----------------------------------------------------------------- ## Grid layout ------------------------------------------------------------------*/ .ip-clearfix { float: none; width: 100%; clear: both; } .ip-clearfix::before, .ip-clearfix::after { content: " "; display: table; } .ip-clearfix::after { clear: both; } .ip-row { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; justify-content: space-between; margin-bottom: 30px; } @media (min-width: 767px) { .ip-row { flex-direction: row; flex-wrap: wrap; } } .ip-col { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; max-width: 100%; } .ip-col-1 { flex-basis: 100%; } .ip-col-2 { flex-basis: 48%; } .ip-col-3 { flex-basis: 30.33333%; } .ip-col-4 { flex-basis: 22%; } .ip-col-5 { flex-basis: 17.5%; } .ip-col-6 { flex-basis: 14.66667%; } .ip-col-7 { flex-basis: 12.28571%; } .ip-col-8 { flex-basis: 11.5%; } .ip-col-9 { flex-basis: 10.11111%; } .ip-col-10 { flex-basis: 9%; } .ip-col-11 { flex-basis: 8.09091%; } .ip-col-12 { flex-basis: 7.33333%; } /*----------------------------------------------------------------- ## Layout, Container, Sidebar ------------------------------------------------------------------*/ /* Container */ .container-outer { position: relative; clear: both; } .container-outer::before, .container-outer::after { content: ' '; display: table; } .container-outer::after { clear: both; } .container { position: relative; display: block; float: none; clear: both; margin: 0 auto; } .container::before, .container::after { content: ' '; display: table; } .container::after { clear: both; } .container-boxed, .container-fullwidth { max-width: none; width: 100%; background: transparent; } .container-boxed { background: #ffffff; } @media(min-width: 767px) { .container-boxed { max-width: 720px; } } @media(min-width: 992px) { .container-boxed { max-width: 960px; } } @media(min-width: 1190px) { .container-boxed { max-width: 1140px; } } .container-inner-restrict { display: -webkit-flex; display: flex; position: relative; max-width: none; width: 100%; margin: 0 auto; float: none; clear: both; } .container-inner-restrict::before, .container-inner-restrict::after { content: ' '; display: table; } .container-inner-restrict::after { clear: both; } .container-fullwidth .container-inner-restrict { max-width: none; width: 100%; } @media(min-width: 767px) { .container-fullwidth:not(.content-true-fullwidth) .container-inner-restrict, .header-container.container-boxed .container-inner-restrict { max-width: 720px; } } @media(min-width: 992px) { .container-fullwidth:not(.content-true-fullwidth) .container-inner-restrict, .header-container.container-boxed .container-inner-restrict { max-width: 960px; } } @media(min-width: 1190px) { .container-fullwidth:not(.content-true-fullwidth) .container-inner-restrict, .header-container.container-boxed .container-inner-restrict { max-width: 1140px; } } .container-inner { float: left; width: 100%; } .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; width: 100%; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: 24px; } .content-wrapper .container-inner-restrict { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; } @media (min-width: 767px) { .content-wrapper .container-inner-restrict { flex-direction: row; } } .site-content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; background-color: #ffffff; } .content-area, body.sidebar-config .content-area { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; background-color: #ffffff; } body.sidebar-config-left .content-area, body.sidebar-config-right .content-area, body.sidebar-config-both .content-area { width: 100%; } .content-container:not(.content-true-fullwidth) .content-area { padding-left: 0; padding-right: 0; } body.sidebar-config-left .content-area, body.sidebar-config-right .content-area, body.sidebar-config-both .content-area, .sidebar, .blog .content-area { margin-top: 30px; } body.has-breadcrumb.sidebar-config-left .content-area, body.has-breadcrumb.sidebar-config-right .content-area, body.has-breadcrumb.sidebar-config-both .content-area, body.has-breadcrumb .sidebar { margin-top: 0; } .sidebar { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; width: 100%; } .sidebar.sidebar-left { padding-right: 0; } .sidebar.sidebar-right { padding-left: 0; } .sidebar-inner { position: relative; float: none; clear: both; width: 100%; } .sidebar-inner::before, .sidebar-inner::after { content: ' '; display: table; } .sidebar-inner::after { clear: both; } @media(min-width: 767px) { .site-content { flex-direction: row; } .content-area, body.sidebar-config .content-area { width: 100%; } body.sidebar-config-left .content-area, body.sidebar-config-right .content-area { width: 75%; } body.sidebar-config-both .content-area { width: 50%; } .content-container:not(.content-true-fullwidth) .content-area { padding-left: 0; padding-right: 0; } .sidebar { width: 25%; } .sidebar.sidebar-left { padding-right: 15px; } .sidebar.sidebar-right { padding-left: 15px; } } /*----------------------------------------------------------------- ## Widgets ------------------------------------------------------------------*/ .widget { float: left; width: 100%; clear: both; margin-bottom: 30px; } .widget:last-child { margin-bottom: 0; } .sidebar-widget { padding-left: 10px; padding-right: 10px; background: #ffffff; } .widget .widget-title { font-size: 1.15em; font-weight: bold; margin: 0 0 15px 0; padding: 0; } .widget .widget-title span { display: inline-block; width: auto; padding: 5px; } .sidebar-widget .widget-title { border-bottom: 1px solid #f2f2f2; } .sidebar-widget .widget-title span { margin-bottom: -1px; padding: 5px; border-radius: 3px 3px 0 0; background-color: #f2f2f2; } .widget .widget-content { float: left; width: 100%; clear: both; } .widget ul { list-style: none; margin: 0; padding: 0; } .widget ul li { width: 100%; padding: 3px 0; line-height: 1.25; } .sidebar-widget ul li { padding: 3px 7px; } .footer-widget .widget-title { padding: 0; } .footer-widget .widget-title span { padding-left: 0; padding-right: 0; } .footer-widget { padding: 0 15px; } .footer-widget ul li { padding: 3px; } .footer-widget ul.menu { padding: 0; margin: 0; } .footer-widget ul.menu li { display: block; width: 100%; padding: 0 10px; } .footer-widget ul.menu li a { font-size: 0.85em; display: block; width: 100%; padding: 3px 0; } .footer-widget ul.menu li a:hover {} .calendar_wrap table { width: 100%; border-collapse: collapse; } .calendar_wrap table caption { padding-top: 8px; padding-bottom: 8px; color: #393939; font-weight: normal; } .calendar_wrap table thead th { padding: 7px; font-weight: normal; border: 1px solid #ccc; } .calendar_wrap table tbody td { padding: 5px; text-align: center; border: 1px solid #dfdfdf; } .calendar_wrap table tfoot td { padding: 5px; text-align: left; } .calendar_wrap table tfoot td#next { text-align: right; } .widget_archive select { display: block; width: 100%; } .sidebar-widget .searchform-wrapper .input-group { width: 100%; } /*----------------------------------------------------------------- ## Footer ------------------------------------------------------------------*/ .footer-outer {} .footer-container { font-size: 1em; background-color: #f9f9f9; } .footer-cols { margin-top: 24px; } .copyright { padding: 1px 15px; font-size: 0.85em; } .back-to-top { position: fixed; z-index: 998; right: 36px; bottom: -40px; height: 40px; width: 40px; border-radius: 50%; text-align: center; text-decoration: none !important; font-size: 16px; line-height: 16px; padding-top: 10px; border: 3px solid #ff8080; color: #ffffff; background-color: #ff8080; } .back-to-top-showing { bottom: 40px; height: 40px; } .back-to-top:hover, .back-to-top:active { color: #ff8080; background-color: #ffffff; } /*----------------------------------------------------------------- ## Elements: Special classes and components ------------------------------------------------------------------*/ .required { font-size: 10px; line-height: 1; vertical-align: top; color: #ff3434; } .ip-breadcrumb { padding: 10px; } .ip-breadcrumb .breadcrumbs>span { display: inline-block; width: auto; margin-right: 3px; margin-left: 3px; font-size: 0.85rem; } .ip-breadcrumb .breadcrumbs>span:first-child { margin-left: 0; } @media(min-width: 767px) { .ip-breadcrumb { padding-left: 15px; padding-right: 15px; } } .says, .screen-reader-text, .posted-on .updated { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; /* many screen reader and browser combinations announce broken words as they would appear visually */ word-wrap: normal !important; } .hide-as-necessary, .sidebar .hide-as-necessary, .footer-widget .hide-as-necessary { height: 1px; width: 1px; overflow: hidden; position: absolute; } @media(min-width: 767px) { .hide-as-necessary { height: auto; width: auto; overflow: visible; position: static; } .sidebar .hide-as-necessary, .footer-widget .hide-as-necessary { height: 1px; width: 1px; overflow: hidden; position: absolute; } } .block-label { display: block; width: 100%; margin: 0; margin-bottom: 3px; } .input-group { display: -webkit-flex; display: flex; width: 100%; clear: both; border-collapse: collapse; } .input-group .input { flex-grow: 1; border-radius: 0; } .input-group button { width: auto; border-radius: 0; } .input-group *:first-child { border-radius: 3px 0 0 3px; } .input-group *:last-child { border-radius: 0 3px 3px 0; } /*----------------------------------------------------------------- ## Header: Logo, Navigation ------------------------------------------------------------------*/ /* Header */ .site-branding { background: transparent; } .header-container { position: static; background: transparent; } .header-container.container-boxed { background: #ffffff; } .header-container.header-type_logo_center .container-inner-restrict { flex-direction: column; } .logo-wrapper { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; width: 100%; margin: 0 auto; text-align: center; } .logo-wrapper .site-logo { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; } .header-type_logo_left .logo-wrapper .site-logo{ justify-content: flex-start; } .logo-wrapper a { height: auto; display: block; width: auto; } .navigation-placeholder { display: none; content: ' '; min-height: 54px; background: transparent; } .main-navigation { position: static; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-around; width: 100%; margin: 0 auto; float: none; clear: both; background-color: transparent; } body.has-navbar-fixed .navigation-fixed .main-navigation, body.has-navbar-fixed .navigation-initial .main-navigation, body.has-navbar-fixed .header-type_logo_left.navigation-fixed>.container-inner, body.has-navbar-fixed .header-type_logo_left.navigation-initial>.container-inner { position: fixed; z-index: 999; left: 0; top: 0; -webkit-animation-fill-mode: both; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: ease-out; animation-fill-mode: both; animation-duration: 0.3s; animation-timing-function: ease-out; } body.has-navbar-fixed .navigation-fixed .main-navigation, body.has-navbar-fixed .header-type_logo_left.navigation-fixed>.container-inner { -webkit-animation-name: navbarFixedIn; animation-name: navbarFixedIn; } body.has-navbar-fixed .navigation-initial .main-navigation, body.has-navbar-fixed .header-type_logo_left.navigation-initial>.container-inner { -webkit-animation-name: navbarFixedOut; animation-name: navbarFixedOut; } body.has-navbar-fixed .header-type_logo_left.navigation-fixed .main-navigation, body.has-navbar-fixed .header-type_logo_left.navigation-initial .main-navigation { position: static; -webkit-animation-name: unset; animation-name: unset; } .container-fullwidth .main-navigation, .container-fullwidth.header-type_logo_left>.container-inner, .header-container.container-boxed .main-navigation>.container-inner-restrict, .container-boxed.header-type_logo_left .container-inner-restrict { background-color: #ff8080; } body.has-navbar-fixed.admin-bar .header-container.navigation-fixed .main-navigation, body.has-navbar-fixed.admin-bar .header-container.navigation-initial .main-navigation, body.has-navbar-fixed.admin-bar .header-container.header-type_logo_left.navigation-fixed>.container-inner { top: 0; } @media(min-width: 767px) { body.has-navbar-fixed.admin-bar .header-container.navigation-fixed .main-navigation, body.has-navbar-fixed.admin-bar .header-container.navigation-initial .main-navigation, body.has-navbar-fixed.admin-bar .header-container.header-type_logo_left.navigation-fixed>.container-inner { top: 32px; } } .header-type_logo_left .logo-wrapper { float: left; max-width: none; width: auto; clear: none; } .header-type_logo_left .main-navigation { float: right; width: auto; clear: none; background: transparent; } .header-type_logo_left .logo-wrapper a { height: 54px; display: inherit; width: auto; } .header-type_logo_left .logo-wrapper img { display: inline-block; width: auto; max-height: 54px; } .site-title, .site-description { display: block; width: 100%; text-align: center; color : #ffffff; } .site-title a{ color: #ffffff; } h1.site-title, p.site-title { margin: 0; padding: 0; padding-top: 24px; font-size: 32px; line-height: 1; } p.site-description { margin: 0; padding: 0; padding-bottom: 24px; font-size: 16px; line-height: 1; } .ip-nav { display: none; width: 100%; } @media(min-width: 767px) { .header-type_logo_left .logo-wrapper { max-width: 25%; } .header-type_logo_left .main-navigation { width: 75%; } .ip-nav { display: inline-block; background-color: transparent; } } .ip-nav { list-style: none; margin: 0; padding: 0; width: 100%; min-height: 54px; } .ip-nav ul { list-style: none; display: inline-block; width: 100%; margin: 0; padding: 0; } .ip-nav li { position: relative; display: block; width: 100%; padding: 0; margin: 0; } .main-navigation .ip-nav > li{ padding-top: 0; padding-bottom: 0; } .ip-nav li a { position: relative; display: block; padding-top: 17px; padding-bottom: 17px; padding-left: 12px; padding-right: 12px; color: #ffffff; background-color: transparent; } .ip-nav li.current-menu-item>a, .ip-nav li a:hover { text-decoration: none; color: #ffffff; background-color: rgba(0, 0, 0, 0.09); } .ip-nav li.current-menu-item>a:hover { background: rgba(0, 0, 0, 0.24); } .ip-nav>li>ul { position: absolute; z-index: 999; min-width: 180px; width: auto; height: auto; left: 0; top: 100%; background: #ff8080; } .ip-nav>li>ul li { width: 100%; position: static; } .ip-nav>li>ul>li ul { position: absolute; z-index: 999; min-width: 180px; width: auto; min-height: 100%; height: auto; left: 100%; top: 0; background: #ff8080; } .ip-nav>li>ul li a { padding: 10px 15px; } .ip-nav li ul { display: none; } .ip-nav li:hover>ul { display: inline-block; } .ip-nav li.menu-item-has-children>a::before { display: none; position: absolute; content: ' '; bottom: 0; left: 50%; margin-left: -2px; border-bottom: 6px solid #ffffff; border-left: 5px solid transparent; border-right: 5px solid transparent; } .ip-nav li ul li.menu-item-has-children>a::before { left: 0; bottom: 50%; margin-left: 0; margin-bottom: -5px; border-left: 6px solid #ffffff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .ip-nav li.menu-item-has-children:hover>a::before, .ip-nav li.current-menu-item>a::before { display: block; } @media(min-width: 767px) { .ip-nav li { display: inline-block; width: auto; } } .header-type_logo_center .ip-nav { text-align: center; } .secondary-menu-wrapper { /* display: none; */ background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } /* @media(min-width: 767px){ .secondary-menu-wrapper{ display: block; } } */ .ip-nav-secondary { list-style: none; margin: 0; padding: 0; width: 100%; background-color: transparent; } .ip-nav-secondary li { position: relative; display: inline-block; width: auto; padding: 0; margin: 0; } .ip-nav-secondary li a { position: relative; display: inline-block; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; font-size: 0.85em; color: #5f5f5f; background-color: transparent; } .ip-nav-secondary li a:hover, .ip-nav-secondary li.current-menu-item>a { text-decoration: none; background-color: rgba(0, 0, 0, 0.09); } .ip-nav-secondary li ul { margin: 0; padding: 0; list-style: none; } .ip-nav-secondary li.menu-item-has-children>ul { display: none; position: absolute; height: auto; min-width: 144px; width: auto; left: 0; top: 100%; background-color: rgba(0, 0, 0, 0.04); } .ip-nav-secondary li.menu-item-has-children:hover>ul { display: block; } .ip-nav-secondary li>ul>li.menu-item-has-children>ul { left: 100%; top: 0; } .ip-nav-secondary li ul li, .ip-nav-secondary li ul li a { display: block; width: 100%; } /*----------------------------------------------------------------- ## Mobile Navigation ------------------------------------------------------------------*/ /* Offcanvas */ .offcanvas { padding: 0; color: #393939; background: #fff; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .offcanvas.in { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } .navmenu-fixed-right.offcanvas.in { -webkit-animation-name: slideInRight; animation-name: slideInRight; } .navmenu-fixed-right.offcanvas { border-left: 1px solid #dfdfdf; } .navmenu-fixed-left.offcanvas { border-right: 1px solid #dfdfdf; } .offcanvas-header { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: flex-end; border-bottom: 1px solid #f4f4f4; background: #ffffff; } .navmenu-fixed-right .offcanvas-header{ flex-direction: row-reverse; } .offcanvas-header .mobile-site-title { font-size: 24px; line-height: 36px; padding: 8px 15px; flex-grow: 2; } .offcanvas-header a.canvas-close { font-size: 1.3em; line-height: 36px; padding: 6px 20px; background-color: rgba(0, 0, 0, 0.05); text-decoration: none !important; } .offcanvas-header a.canvas-close:active, .offcanvas-header a.canvas-close:hover{ background-color: transparent; } .navmenu-fixed-right .offcanvas-header a.canvas-close .ipicon-arrow-left:before { content: '\e912'; } .offcanvas-content-wrapper {} .ip-nav-mobile { list-style: none; display: block; margin: 0; padding: 0; width: 100%; } .ip-nav-mobile ul { list-style: none; display: block; width: 100%; margin: 0; padding: 0; } .ip-nav-mobile li { position: relative; display: block; width: 100%; padding: 0; margin: 0 0 1px 0; } .ip-nav-mobile li a { position: relative; display: block; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px; color: #393939; background-color: transparent; } .ip-nav-mobile li a:hover, .ip-nav-mobile li.current-menu-item>a { text-decoration: none; background-color: rgba(0, 0, 0, 0.09); } .ip-nav-mobile li.current-menu-item>a:hover { background-color: rgba(0, 0, 0, 0.24); } .ip-nav-mobile li.menu-item-has-children>a::before { position: absolute; font-family: "Bizflow Icons"; content: "\e90d"; right: 10px; } .ip-nav-mobile li.menu-item-has-children.current-menu-item>a::before, .ip-nav-mobile li.menu-item-has-children>a:hover::before { content: '\e90c'; } .ip-nav-mobile li ul a { font-size: 0.85em; } .ip-nav-mobile li>ul { position: static; padding: 0 10px; display: none; } .ip-nav-mobile li.current-menu-item>ul, .ip-nav-mobile li:hover>ul { display: block; } .responsive-menu-toggle { display: block; width: 100%; text-align: center; } .responsive-menu-toggle .btn { height: 36px; width: auto; margin: 0; border-radius: 0; box-shadow: none; border: none; background-color: #ffffff; color: #292929; } .header-type_logo_left .responsive-menu-toggle .btn { height: 54px; width: 54px; background-color: #f4f4f4; } .responsive-menu-toggle .btn:hover, .responsive-menu-toggle .btn:active { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); background-color: #fafafa; } .header-type_logo_center .responsive-menu-toggle .btn { background-color: transparent; color: #ffffff; } .header-type_logo_center .responsive-menu-toggle .btn:active, .header-type_logo_center .responsive-menu-toggle .btn:hover { background-color: rgba(0, 0, 0, 0.1); } .responsive-menu-toggle>span { display: inline-block; padding-left: 3px; padding-right: 3px; color: #ffffff; } @media(min-width: 767px) { .responsive-menu-toggle { display: none; } } /*----------------------------------------------------------------- ## Archive ------------------------------------------------------------------*/ .archive h1.page-title{ padding-left: 15px; padding-right: 15px; } .archive-items-wrapper { margin-top: 0; } .archive-items-wrapper.ip-archive-wrapper-list { margin-top: 0; } .archive-items-wrapper .ip-archive-item { background-color: #ffffff; } .ip-archive-item { display: flex; flex-direction: column; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .ip-archive-item .ip-archive-thumbnail-wrapper { display: none; position: relative; margin-top: 0; margin-bottom: 8px; } body.show-archive-thumb .ip-archive-item .ip-archive-thumbnail-wrapper { display: -webkit-flex; display: flex; } .ip-archive-item .ip-archive-thumbnail-wrapper figure { margin: 0; display: block; width: 100%; } .ip-archive-item .ip-archive-thumbnail-wrapper figure a.post-thumbnail-inner { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .ip-archive-item .ip-archive-thumbnail-wrapper img { width: 100%; height: auto; } .ip-archive-item .entry-header { margin-bottom: 0; } .ip-archive-item .entry-header h2 { margin: 0; padding: 0.5em 0; font-size: 1.3em; font-weight: normal; } .ip-archive-item .entry-header h2 a:hover { text-decoration: none; } .ip-archive-item .entry-content { flex-grow: 1; color: #5f5f5f; } .ip-archive-item .entry-content>p { margin: 0; } .ip-archive-item .entry-footer { float: none; clear: both; padding-top: 8px; padding-bottom: 8px; border-top: none; } .archive-cat-links { /* display: inline-block; */ float: left; width: auto; } .archive-cat-links a.cat-link { display: inline-block; width: auto; margin-right: 3px; font-size: 0.85em; padding: 2px 6px; border-radius: 3px; color: #5a5a5a; background: #efefef; } .archive-cat-links a.cat-link:hover { text-decoration: none; color: #ffffff; background: #393939; } .ip-archive-item .entry-footer .excerpt-read-more { float: right; width: auto; /* display: block; width: 100%; */ text-align: right; margin-top: 0; } .ip-archive-item.categories-hidden .excerpt-read-more { float: left; } .ip-archive-item .entry-footer .excerpt-read-more:hover { text-decoration: none; } .ip-archive-item .entry-footer .excerpt-read-more [class*="ipicon-"] { font-size: 0.8em; line-height: 1.5; display: inline-block; vertical-align: bottom; } .ip-archive-item.ip-archive-item-list { flex-direction: row; padding-left: 10px; padding-right: 10px; } .ip-archive-item-list .ip-archive-thumbnail-wrapper { width: 25%; margin-bottom: 0; } .ip-archive-item-list .archive-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; flex: 2; padding-left: 0px; padding-right: 0; } body.show-archive-thumb .ip-archive-item-list .archive-content-wrapper { padding-left: 20px; } .ip-archive-item-list.post-has-no-thumbnail .archive-content-wrapper { padding: 0; flex: 1; } .ip-archive-item-list .entry-header { flex-shrink: 1; } .ip-archive-item.ip-archive-item-list .entry-header h2 { padding: 0 0 0.75em 0; font-size: 16px; } .ip-archive-item-list .entry-content { flex: 1; background: white; } .ip-archive-item-list .entry-footer { flex-shrink: 1; border: none; display: inherit; justify-content: space-between; } .ip-archive-item-list .entry-footer .archive-cat-links { display: inherit; } .ip-archive-item-list.categories-hidden .entry-footer .archive-cat-links { display: none; } .ip-archive-item-list .entry-footer .excerpt-read-more { display: inherit; font-size: 0.85em; } .ip-archive-item-list.categories-hidden .entry-footer .excerpt-read-more { float: left; } @media (min-width: 767px) { .ip-archive-item.ip-archive-item-list { padding-left: 0; padding-right: 0; } body.has-different-bg.sidebar-config-right .container-boxed .ip-archive-item-list .ip-archive-thumbnail-wrapper, body.has-different-bg.sidebar-config-none .container-boxed .ip-archive-item-list .ip-archive-thumbnail-wrapper { padding-left: 15px; } .ip-archive-item-list .ip-archive-thumbnail-wrapper { max-width: unset; width: 30%; } body.show-archive-thumb .ip-archive-item-list .archive-content-wrapper { padding-left: 15px; } .ip-archive-item.ip-archive-item-list .entry-header h2 { font-size: 1.5em; padding: 0.5em 0 1.2em 0; } } .archive-items-wrapper .ip-single-item { margin-bottom: 36px; padding-bottom: 36px; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #dfdfdf; } .archive-items-wrapper.ip-archive-wrapper-list .ip-row { margin-bottom: 30px; } .archive-items-wrapper .ip-row:last-child .ip-single-item { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /*----------------------------------------------------------------- ## Single: Post, Page ------------------------------------------------------------------*/ .single-content-wrapper { padding-left: 0; padding-right: 0; background: #fff; } body.has-different-bg .single-content-wrapper { padding-right: 15px; padding-left: 15px; } @media (min-width: 767px) { .ip-archive-item.ip-archive-item-list { padding-left: 0; padding-right: 0; } } .ip-single-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; flex-basis: 100%; margin-bottom: 64px; max-width: 100%; } .ip-single-item .ip-single-thumbnail-wrapper .post-thumbnail { display: block; width: 100%; margin: 0; margin-bottom: 16px; padding: 0; } .ip-single-item .ip-single-thumbnail-wrapper .post-thumbnail img { display: block; max-width: 100%; width: 100%; margin: 0; padding: 0; } .ip-single-item .entry-header { margin-bottom: 16px; } .ip-single-item.hide-entry-header .entry-header { clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; overflow: hidden; position: absolute; } .ip-single-item .entry-title, .page-title { font-size: 32px; line-height: 1.5; margin: 0; padding: 0.25em 0; } .ip-single-item .before-entry-title, .ip-single-item .before-entry-thumbnail { padding: 0; } .ip-single-item .after-entry-title { padding: 0; } .ip-single-item .cat-links { display: inline-block; width: auto; margin: 0.5em auto; } .ip-single-item .before-entry-thumbnail a.cat-link { display: inline-block; width: auto; font-size: 0.85em; padding: 0 15px; margin-right: 3px; border-radius: 15px; color: #5a5a5a; border: 1px solid #efefef; background-color: #f1f1f1; background-position: 2px center; background-size: 100%; background-repeat: no-repeat; } .ip-single-item .before-entry-thumbnail a.cat-link:hover { text-decoration: none; color: #292929; border-color: #ccc; background-color: #ffffff; } .ip-single-item .after-entry-title .byline, .ip-single-item .after-entry-title .posted-on { display: inline-block; width: auto; margin: 0.5em 0; margin-right: 1.2em; padding: 0; } .ip-single-item .after-entry-title a, .ip-single-item .after-entry-title i[class*="ipicon-"] { color: #5a5a5a; } .ip-single-item .after-entry-title a:hover { text-decoration: none; color: #292929; } .ip-single-item .entry-content { line-height: 1.24; margin-bottom: 1.5em; padding: 0; color: #6f6f6f; } .ip-single-item .entry-footer a.tag-link, .ip-single-item .entry-footer a[rel="tag"] { display: inline-block; width: auto; font-size: 0.85em; padding: 0 10px; margin-right: 3px; border-radius: 15px; color: #5a5a5a; border: 1px solid #efefef; background-color: #f1f1f1; background-position: 2px center; background-size: 100%; background-repeat: no-repeat; /* background-image: url(../image/just-dot.png); */ } .ip-single-item .entry-footer a.tag-link:hover, .ip-single-item .entry-footer a[rel="tag"]:hover { text-decoration: none; color: #292929; border-color: #ccc; background-color: #ffffff; } .ip-single-item .before-entry-thumbnail .cat-links i[class*="ipicon-"], .ip-single-item .after-entry-title .byline i[class*="ipicon-"], .ip-single-item .after-entry-title .posted-on i[class*="ipicon-"], .ip-single-item .entry-footer .cat-links i[class*="ipicon-"] { font-size: 1em; line-height: 1.5em; padding-right: 2px; color: #6f6f6f; vertical-align: text-bottom; } .page-content .searchform-wrapper { margin: 2.5em auto; } .ip-single-item .page-links { margin-top: 36px; } .page-links>span { display: inline-block; width: auto; margin-bottom: 6px; } .ip-pagination span, .ip-pagination a { display: inline-block; width: auto; padding: 3px 7px; margin: 0; border: 1px solid #efefef; background-color: #f6f6f6; } .ip-pagination span { background: #ffffff; } .next-prev-nav { width: 100%; margin: 15px 0; padding-left: 15px; padding-right: 15px; } .ip-single-item .next-prev-nav { padding-left: 0; padding-right: 0; } .next-prev-nav-item { float: left; width: auto; font-size: 0.85em; } .next-prev-nav-item.next-prev-nav-next { float: right; } .next-prev-nav-item [class*="ipicon-"] { vertical-align: middle; font-size: 1em; } /*----------------------------------------------------------------- ## Sticky Post ------------------------------------------------------------------*/ .sticky { display: block; } .ip-single-sticky .entry-header h1.entry-title { position: relative; padding-left: 1.2em; } .ip-single-sticky .entry-header h1.entry-title::after { content: '\e90f'; font-family: 'Bizflow Icons'; position: absolute; left: 0; top: 0.25em; font-size: 1em; line-height: 1.5em; } .ip-archive-sticky .entry-header h2.entry-title { position: relative; padding-left: 1.2em; } .ip-archive-sticky .entry-header h2.entry-title::after { content: '\e90f'; font-family: 'Bizflow Icons'; position: absolute; left: 0; top: 0.5em; font-size: 1em; } /*----------------------------------------------------------------- ## Comments ------------------------------------------------------------------*/ .comments-area { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; flex-basis: 100%; max-width: 100%; padding-top: 36px; padding-bottom: 36px; border-top: 1px solid #dfdfdf; } .comments-area.comments-closed { display: none; } .comments-area .comments-title { font-size: 1.4em; margin: 0; margin-bottom: 24px; padding: 0; } .comment-list { margin: 0; padding: 0; list-style: none; } .comment-list ul, .comment-list ol { list-style: none; margin: 0; padding: 15px; } .comment-list li.comment { margin: 0 0 8px 0; padding: 12px 0; float: left; width: 100%; } .comment-list .comment-body { float: inherit; width: 100%; } .comment-list .comment-body .comment-meta, .comment-list .comment-body .comment-content { float: inherit; width: 100%; } .comment-list .comment-body .reply { float: right; width: auto; } .comment-list .comment-body .comment-meta .comment-author { float: inherit; width: auto; } .comment-list .comment-body .comment-meta .comment-author img { display: inline-block; width: auto; height: auto; margin-right: 12px; } .comment-list .comment-body .comment-meta .comment-author .fn, .comment-list .comment-body .comment-meta .comment-author .says { display: inline-block; width: auto; vertical-align: top; } .comment-list .comment-body .comment-meta .comment-metadata { float: right; width: auto; } .comment-form-wrapper { margin-top: 36px; padding: 36px 0; border-top: 1px solid #dfdfdf; } .comment-form-wrapper .comments-form-title { font-size: 1.3em; font-weight: normal; margin: 0; } .comment-form { float: left; width: 100%; } .comment-form p.comment-notes, .comment-form p.comment-form-cookies-consent, .comment-form p.form-submit { float: inherit; width: 100%; margin-bottom: 15px; } .comment-form p.comment-form-author, .comment-form p.comment-form-url, .comment-form p.comment-form-email { float: none; width: 100%; margin-bottom: 15px; padding-right: 0; } .comment-form p.comment-form-comment { float: none; width: 100%; margin-bottom: 15px; padding-left: 0; } @media (min-width: 767px) { .comment-form p.comment-form-author, .comment-form p.comment-form-url, .comment-form p.comment-form-email { float: inherit; width: 50%; padding-right: 15px; } .comment-form p.comment-form-comment { float: right; width: 50%; padding-left: 15px; } } .comment-form p.comment-form-author label, .comment-form p.comment-form-url label, .comment-form p.comment-form-email label, .comment-form p.comment-form-comment label { display: block; width: auto; font-weight: normal; padding-top: 4px; padding-bottom: 4px; } .comment-form p.comment-form-author input, .comment-form p.comment-form-url input, .comment-form p.comment-form-email input, .comment-form p.comment-form-comment textarea { display: block; width: 100%; } .comment-form p.comment-form-comment textarea { min-height: 248px; } .comment-form p.comment-notes, .comment-form p.comment-form-cookies-consent { margin-bottom: 0; font-size: 0.85em; font-weight: light; color: #999999; } .comment-form p.comment-form-cookies-consent label { display: inline-block; margin-left: 10px; padding: 0; } .comment-form p.form-submit { margin-bottom: 0; margin-top: 30px; text-align: right; } .comment-form p.form-submit input[type="submit"] { min-width: 240px; } body.logged-in .comment-form p.comment-form-comment { float: inherit; width: 100%; padding-left: 0; margin-bottom: 0; } body.logged-in .comment-form p.comment-form-author, body.logged-in .comment-form p.comment-form-url, body.logged-in .comment-form p.comment-form-email { width: 100%; padding-right: 0; } /*----------------------------------------------------------------- ## Extras ------------------------------------------------------------------*/ .sidebar-widget, .archive-items-wrapper .ip-archive-item, .single-content-wrapper { background-color: transparent; } /*----------------------------------------------------------------- ## WP Blocks ------------------------------------------------------------------*/ .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; } .wp-block-code { padding: 0; border: none; border-radius: 0; } /*----------------------------------------------------------------- ## Typography ------------------------------------------------------------------*/ /*----------------------------------------------------------------- ## Typography ------------------------------------------------------------------*/