@charset "UTF-8"; /** * **************************************************************************** * CSS SITEMAP * **************************************************************************** * 01. NORMALIZE * 02. BASE * 2.1. BOOTSTRAP BASE * 2.2. THEME BASE * 2.3. RESPONSIVE UTILITIES * 2.4. GRID * 2.5. TABLES * 2.6. FORMS * 2.7. BUTTONS * 2.8. HELPERS * 03. LAYOUT * 3.1. TOP BAR * 3.2. HEADER * 3.3. PAGE HEADER * 3.4. PAGE CONTENT * 3.5. FOOTER * 3.6. PAGINATION * 04. WIDGETS * 4.1. BASE * 4.2. SEARCH * 4.3. CALENDAR * 4.4. COMMENTS * 4.5. NAV MENU * 4.6. RSS * 4.7. TAG CLOUD * 05. BLOGS * 06. SHORTCODES * 6.1. BANNER COUNTDOWN */ /* * ============================================================================ * 01. NORMALIZE * ============================================================================ */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* * ============================================================================ * 02. BASE * ============================================================================ */ /** * -------------------------------------------------------- * 2.1. BOOTSTRAP BASE * -------------------------------------------------------- */ /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn>.caret, .dropup>.btn>.caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table, table { border-collapse: collapse !important; } .table td, table td, .table th, table th { background-color: #fff !important; } .table-bordered th, table th, .table-bordered td, table td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Roboto Slab", serif; font-size: 14px; line-height: 1.4; color: #666; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #666; text-decoration: none; } a:hover, a:focus { color: #05a3c6; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.5; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 22px; margin-bottom: 22px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Lobster", cursive; font-weight: 400; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 22px; margin-bottom: 11px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 11px; margin-bottom: 11px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 45px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 15px; } h6, .h6 { font-size: 14px; } p { margin: 0 0 11px; } .lead { margin-bottom: 22px; font-size: 17px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 22.5px; } } small, .small { font-size: 86%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 10px; margin: 44px 0 22px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 11px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 22px; } dt, dd { line-height: 1.5; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 11px 22px; margin: 0 0 22px; font-size: 15px; color: #999999; font-style: italic; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.5; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 22px; font-style: normal; line-height: 1.5; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 10.5px; margin: 0 0 11px; font-size: 14px; line-height: 1.5; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } /** * -------------------------------------------------------- * 2.2. THEME BASE * -------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { text-transform: none; } p { margin-bottom: 20px; } a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover, a:active, a:focus { text-decoration: none; outline: none; } p a { color: #05a3c6; } img { max-width: 100%; height: auto; vertical-align: middle; } ul, ol { padding-left: 15px; } ul li, ol li { margin-bottom: 10px; position: relative; } ul ul, ul ol, ol ul, ol ol { margin-top: 10px; } ::selection { background: #05a3c6; color: #fff; } ::-moz-selection { background: #05a3c6; color: #fff; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0; } figure.wp-caption.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .wp-caption { max-width: 100%; margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption.alignright img[class*="wp-image-"], .wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } .wp-caption-text { font-size: 13px; font-style: italic; margin: 9px 0; color: #999; } .wp-caption .wp-caption-text { padding-right: 10px; } .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } /** * -------------------------------------------------------- * 2.3. RESPONSIVE UTILITIES * -------------------------------------------------------- */ @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .hidden-xs-up { display: none !important; } @media (max-width: 543px) { .hidden-xs-down { display: none !important; } } @media (min-width: 544px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /** * -------------------------------------------------------- * 2.4. GRID * -------------------------------------------------------- */ .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } /** * -------------------------------------------------------- * 2.5. TABLES * -------------------------------------------------------- */ table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table, table { width: 100%; max-width: 100%; margin-bottom: 22px; } .table>thead>tr>th, table>thead>tr>th, .table>thead>tr>td, table>thead>tr>td, .table>tbody>tr>th, table>tbody>tr>th, .table>tbody>tr>td, table>tbody>tr>td, .table>tfoot>tr>th, table>tfoot>tr>th, .table>tfoot>tr>td, table>tfoot>tr>td { padding: 8px; line-height: 1.5; vertical-align: top; border-top: 1px solid #eee; } .table>thead>tr>th, table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #eee; } .table>caption+thead>tr:first-child>th, table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td, table>thead:first-child>tr:first-child>td { border-top: 0; } .table>tbody+tbody, table>tbody+tbody { border-top: 2px solid #eee; } .table .table, table .table, .table table, table table { background-color: #fff; } .table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td { padding: 5px; } .table-bordered, table { border: 1px solid #eee; } .table-bordered>thead>tr>th, table>thead>tr>th, .table-bordered>thead>tr>td, table>thead>tr>td, .table-bordered>tbody>tr>th, table>tbody>tr>th, .table-bordered>tbody>tr>td, table>tbody>tr>td, .table-bordered>tfoot>tr>th, table>tfoot>tr>th, .table-bordered>tfoot>tr>td, table>tfoot>tr>td { border: 1px solid #eee; } .table-bordered>thead>tr>th, table>thead>tr>th, .table-bordered>thead>tr>td, table>thead>tr>td { border-bottom-width: 2px; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover>tbody>tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table>thead>tr>td.active, table>thead>tr>td.active, .table>thead>tr>th.active, table>thead>tr>th.active, .table>thead>tr.active>td, table>thead>tr.active>td, .table>thead>tr.active>th, table>thead>tr.active>th, .table>tbody>tr>td.active, table>tbody>tr>td.active, .table>tbody>tr>th.active, table>tbody>tr>th.active, .table>tbody>tr.active>td, table>tbody>tr.active>td, .table>tbody>tr.active>th, table>tbody>tr.active>th, .table>tfoot>tr>td.active, table>tfoot>tr>td.active, .table>tfoot>tr>th.active, table>tfoot>tr>th.active, .table>tfoot>tr.active>td, table>tfoot>tr.active>td, .table>tfoot>tr.active>th, table>tfoot>tr.active>th { background-color: #f5f5f5; } .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th { background-color: #e8e8e8; } .table>thead>tr>td.success, table>thead>tr>td.success, .table>thead>tr>th.success, table>thead>tr>th.success, .table>thead>tr.success>td, table>thead>tr.success>td, .table>thead>tr.success>th, table>thead>tr.success>th, .table>tbody>tr>td.success, table>tbody>tr>td.success, .table>tbody>tr>th.success, table>tbody>tr>th.success, .table>tbody>tr.success>td, table>tbody>tr.success>td, .table>tbody>tr.success>th, table>tbody>tr.success>th, .table>tfoot>tr>td.success, table>tfoot>tr>td.success, .table>tfoot>tr>th.success, table>tfoot>tr>th.success, .table>tfoot>tr.success>td, table>tfoot>tr.success>td, .table>tfoot>tr.success>th, table>tfoot>tr.success>th { background-color: #dff0d8; } .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th { background-color: #d0e9c6; } .table>thead>tr>td.info, table>thead>tr>td.info, .table>thead>tr>th.info, table>thead>tr>th.info, .table>thead>tr.info>td, table>thead>tr.info>td, .table>thead>tr.info>th, table>thead>tr.info>th, .table>tbody>tr>td.info, table>tbody>tr>td.info, .table>tbody>tr>th.info, table>tbody>tr>th.info, .table>tbody>tr.info>td, table>tbody>tr.info>td, .table>tbody>tr.info>th, table>tbody>tr.info>th, .table>tfoot>tr>td.info, table>tfoot>tr>td.info, .table>tfoot>tr>th.info, table>tfoot>tr>th.info, .table>tfoot>tr.info>td, table>tfoot>tr.info>td, .table>tfoot>tr.info>th, table>tfoot>tr.info>th { background-color: #d9edf7; } .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th { background-color: #c4e3f3; } .table>thead>tr>td.warning, table>thead>tr>td.warning, .table>thead>tr>th.warning, table>thead>tr>th.warning, .table>thead>tr.warning>td, table>thead>tr.warning>td, .table>thead>tr.warning>th, table>thead>tr.warning>th, .table>tbody>tr>td.warning, table>tbody>tr>td.warning, .table>tbody>tr>th.warning, table>tbody>tr>th.warning, .table>tbody>tr.warning>td, table>tbody>tr.warning>td, .table>tbody>tr.warning>th, table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, table>tfoot>tr.warning>th { background-color: #fcf8e3; } .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th { background-color: #faf2cc; } .table>thead>tr>td.danger, table>thead>tr>td.danger, .table>thead>tr>th.danger, table>thead>tr>th.danger, .table>thead>tr.danger>td, table>thead>tr.danger>td, .table>thead>tr.danger>th, table>thead>tr.danger>th, .table>tbody>tr>td.danger, table>tbody>tr>td.danger, .table>tbody>tr>th.danger, table>tbody>tr>th.danger, .table>tbody>tr.danger>td, table>tbody>tr.danger>td, .table>tbody>tr.danger>th, table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, table>tfoot>tr.danger>th { background-color: #f2dede; } .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 16.5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #eee; } .table-responsive>.table, .table-responsive>table { margin-bottom: 0; } .table-responsive>.table>thead>tr>th, .table-responsive>table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>table>tfoot>tr>td { white-space: nowrap; } .table-responsive>.table-bordered, .table-responsive>table { border: 0; } .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>table>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>table>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>table>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>table>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>table>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>table>tfoot>tr>td:first-child { border-left: 0; } .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>table>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>table>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>table>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>table>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>table>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>table>tfoot>tr>td:last-child { border-right: 0; } .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>table>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>table>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>table>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>table>tfoot>tr:last-child>td { border-bottom: 0; } } /** * -------------------------------------------------------- * 2.6. FORMS * -------------------------------------------------------- */ fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 22px; font-size: 22.5px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-weight: 400; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 15px; line-height: 1.5; color: #555555; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { display: block; width: 100%; height: 40px; padding: 6px 15px; font-size: 15px; line-height: 1.5; color: #555555; background-color: #fff; background-image: none; border: 2px solid #e7e7e7; border-radius: 2px; -webkit-transition: border-color ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s; } select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover { border-color: #dfdfdf; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { outline: 0; border-color: #05a3c6; } .amy-dark-bg select, .amy-dark-bg textarea, .amy-dark-bg input[type="text"], .amy-dark-bg input[type="password"], .amy-dark-bg input[type="datetime"], .amy-dark-bg input[type="datetime-local"], .amy-dark-bg input[type="date"], .amy-dark-bg input[type="month"], .amy-dark-bg input[type="time"], .amy-dark-bg input[type="week"], .amy-dark-bg input[type="number"], .amy-dark-bg input[type="email"], .amy-dark-bg input[type="url"], .amy-dark-bg input[type="search"], .amy-dark-bg input[type="tel"], .amy-dark-bg input[type="color"] { background: transparent; color: #fff; border-color: #f2f2f2; } .amy-dark-bg select::-moz-placeholder, .amy-dark-bg textarea::-moz-placeholder, .amy-dark-bg input[type="text"]::-moz-placeholder, .amy-dark-bg input[type="password"]::-moz-placeholder, .amy-dark-bg input[type="datetime"]::-moz-placeholder, .amy-dark-bg input[type="datetime-local"]::-moz-placeholder, .amy-dark-bg input[type="date"]::-moz-placeholder, .amy-dark-bg input[type="month"]::-moz-placeholder, .amy-dark-bg input[type="time"]::-moz-placeholder, .amy-dark-bg input[type="week"]::-moz-placeholder, .amy-dark-bg input[type="number"]::-moz-placeholder, .amy-dark-bg input[type="email"]::-moz-placeholder, .amy-dark-bg input[type="url"]::-moz-placeholder, .amy-dark-bg input[type="search"]::-moz-placeholder, .amy-dark-bg input[type="tel"]::-moz-placeholder, .amy-dark-bg input[type="color"]::-moz-placeholder { color: #f2f2f2; opacity: 1; } .amy-dark-bg select:-ms-input-placeholder, .amy-dark-bg textarea:-ms-input-placeholder, .amy-dark-bg input[type="text"]:-ms-input-placeholder, .amy-dark-bg input[type="password"]:-ms-input-placeholder, .amy-dark-bg input[type="datetime"]:-ms-input-placeholder, .amy-dark-bg input[type="datetime-local"]:-ms-input-placeholder, .amy-dark-bg input[type="date"]:-ms-input-placeholder, .amy-dark-bg input[type="month"]:-ms-input-placeholder, .amy-dark-bg input[type="time"]:-ms-input-placeholder, .amy-dark-bg input[type="week"]:-ms-input-placeholder, .amy-dark-bg input[type="number"]:-ms-input-placeholder, .amy-dark-bg input[type="email"]:-ms-input-placeholder, .amy-dark-bg input[type="url"]:-ms-input-placeholder, .amy-dark-bg input[type="search"]:-ms-input-placeholder, .amy-dark-bg input[type="tel"]:-ms-input-placeholder, .amy-dark-bg input[type="color"]:-ms-input-placeholder { color: #f2f2f2; } .amy-dark-bg select::-webkit-input-placeholder, .amy-dark-bg textarea::-webkit-input-placeholder, .amy-dark-bg input[type="text"]::-webkit-input-placeholder, .amy-dark-bg input[type="password"]::-webkit-input-placeholder, .amy-dark-bg input[type="datetime"]::-webkit-input-placeholder, .amy-dark-bg input[type="datetime-local"]::-webkit-input-placeholder, .amy-dark-bg input[type="date"]::-webkit-input-placeholder, .amy-dark-bg input[type="month"]::-webkit-input-placeholder, .amy-dark-bg input[type="time"]::-webkit-input-placeholder, .amy-dark-bg input[type="week"]::-webkit-input-placeholder, .amy-dark-bg input[type="number"]::-webkit-input-placeholder, .amy-dark-bg input[type="email"]::-webkit-input-placeholder, .amy-dark-bg input[type="url"]::-webkit-input-placeholder, .amy-dark-bg input[type="search"]::-webkit-input-placeholder, .amy-dark-bg input[type="tel"]::-webkit-input-placeholder, .amy-dark-bg input[type="color"]::-webkit-input-placeholder { color: #f2f2f2; } .amy-dark-bg select:focus, .amy-dark-bg textarea:focus, .amy-dark-bg input[type="text"]:focus, .amy-dark-bg input[type="password"]:focus, .amy-dark-bg input[type="datetime"]:focus, .amy-dark-bg input[type="datetime-local"]:focus, .amy-dark-bg input[type="date"]:focus, .amy-dark-bg input[type="month"]:focus, .amy-dark-bg input[type="time"]:focus, .amy-dark-bg input[type="week"]:focus, .amy-dark-bg input[type="number"]:focus, .amy-dark-bg input[type="email"]:focus, .amy-dark-bg input[type="url"]:focus, .amy-dark-bg input[type="search"]:focus, .amy-dark-bg input[type="tel"]:focus, .amy-dark-bg input[type="color"]:focus { border-color: #fff; } textarea { height: auto; } input[type="search"] { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="date"] { line-height: 40px; } .input-rounded { border-radius: 20px; } .required { color: #d9534f; } .amyui-fancy-select { position: relative; } .amyui-fancy-select .fs-disabled { opacity: .5; } .amyui-fancy-select select:focus+.fs-trigger { border-color: #05a3c6; } .amyui-fancy-select .fs-trigger { cursor: pointer; display: block; width: 100%; height: 40px; padding: 6px 15px; padding-right: 30px; font-size: 15px; line-height: 1.6; color: #555555; background-color: #fff; background-image: none; border: 2px solid #e7e7e7; border-radius: 5px; -webkit-transition: border-color ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .amyui-fancy-select .fs-trigger:hover { border-color: #dfdfdf; } .amyui-fancy-select .fs-trigger:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #4b5468; top: 18px; right: 10px; } .amyui-fancy-select .fs-trigger.input-rounded { border-radius: 20px; padding-left: 20px; padding-right: 40px; } .amyui-fancy-select .fs-trigger.input-rounded:after { right: 20px; } .amyui-fancy-select .fs-trigger.fs-open { border-color: #05a3c6; } .amyui-fancy-select .fs-trigger.fs-open:after { border-top-color: transparent; border-bottom-color: #7a8498; top: 12px; } .amyui-fancy-select ul.fs-options { list-style: none; margin: 0; padding: 5px 0; position: absolute; top: 40px; left: 0; z-index: 50; overflow: visible; background: #05a3c6; width: 100%; min-width: 200px; border-radius: 4px; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, top 0.3s ease-out, bottom 0.3s ease-out; -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, top 0.3s ease-out, bottom 0.3s ease-out; transition: opacity 0.3s ease-out, visibility 0.3s ease-out, top 0.3s ease-out, bottom 0.3s ease-out; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .amyui-fancy-select ul.fs-options:after { bottom: 100%; right: 20px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #05a3c6; border-width: 6px; margin-left: -6px; } .amyui-fancy-select ul.fs-options.fs-open { visibility: visible; top: 50px; opacity: 1; } .amyui-fancy-select ul.fs-options.fs-overflowing { top: auto; bottom: 40px; } .amyui-fancy-select ul.fs-options.fs-overflowing:after { top: 100%; border-bottom-color: transparent; border-top-color: #05a3c6; } .amyui-fancy-select ul.fs-options.fs-overflowing.fs-open { top: auto; bottom: 50px; } .amyui-fancy-select ul.fs-options li { padding: 8px 12px; margin: 0; color: #fff; cursor: pointer; white-space: nowrap; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .amyui-fancy-select ul.fs-options li.fs-selected { background: #047a94; } .amyui-fancy-select ul.fs-options li.fs-hover { background: #048fad; } .amyui-fancy-select ul.fs-options li.fs-optgroup { cursor: default; padding: 10px 0 0 0; } .amyui-fancy-select ul.fs-options li.fs-optgroup span { padding-left: 10px; display: block; font-style: italic; opacity: 0.8; } .amyui-fancy-select ul.fs-optgroup { list-style: none; padding: 5px 0 0 0; } .amyui-fancy-select ul.fs-optgroup li { padding-left: 30px; } .amyui-number-input { display: inline-block; position: relative; vertical-align: middle; } .amyui-number-input input { padding-left: 36px; padding-right: 36px; width: auto; } .amyui-number-input input::-webkit-outer-spin-button, .amyui-number-input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .amyui-number-input span { position: absolute; width: 36px; height: 16px; line-height: 16px; z-index: 1; top: 12px; color: #e7e7e7; cursor: pointer; text-align: center; vertical-align: middle; display: inline-block; } .amyui-number-input span:hover { color: #05a3c6; } .amyui-number-input span.ni-up { right: 2px; border-left: 1px solid #e7e7e7; } .amyui-number-input span.ni-up:before { content: "+"; } .amyui-number-input span.ni-down { left: 2px; border-right: 1px solid #e7e7e7; } .amyui-number-input span.ni-down:before { content: "-"; } /** * -------------------------------------------------------- * 2.7. BUTTONS * -------------------------------------------------------- */ input[type="button"], input[type="submit"], input[type="reset"], button, .button, .widget_tag_cloud .tagcloud a { color: #05a3c6; font-family: "Lobster", cursive; font-weight: 700; text-transform: none; background: transparent; display: inline-block; line-height: 1; border: 2px solid #e1e1e1; padding: 10px 40px; margin-bottom: 5px; border-radius: 5px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input[type="button"]:focus, input[type="button"]:hover, input[type="button"]:active, input[type="submit"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="reset"]:focus, input[type="reset"]:hover, input[type="reset"]:active, button:focus, button:hover, button:active, .button:focus, .widget_tag_cloud .tagcloud a:focus, .button:hover, .widget_tag_cloud .tagcloud a:hover, .button:active, .widget_tag_cloud .tagcloud a:active { outline: none; text-decoration: none; color: #05a3c6; border-color: #c8c8c8; } input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active, .button:active, .widget_tag_cloud .tagcloud a:active { position: relative; top: 2px; } input[type="button"] i.fa, input[type="submit"] i.fa, input[type="reset"] i.fa, button i.fa, .button i.fa, .widget_tag_cloud .tagcloud a i.fa { margin-right: 5px; } .button-primary, input[type='submit'], .submit { color: #fff; background: #05a3c6; border-color: #05a3c6; } .button-primary:focus, input[type='submit']:focus, .submit:focus, .button-primary:hover, input[type='submit']:hover, .submit:hover, .button-primary:active, input[type='submit']:active, .submit:active { color: #fff; background: #05abd0; border-color: #05abd0; } .button-success { color: #fff; background: #5cb85c; border-color: #5cb85c; } .button-success:focus, .button-success:hover, .button-success:active { color: #fff; background: #63bb63; border-color: #63bb63; } .button-info { color: #fff; background: #1ba39c; border-color: #1ba39c; } .button-info:focus, .button-info:hover, .button-info:active { color: #fff; background: #1caca4; border-color: #1caca4; } .button-warning { color: #fff; background: #f0ad4e; border-color: #f0ad4e; } .button-warning:focus, .button-warning:hover, .button-warning:active { color: #fff; background: #f1b157; border-color: #f1b157; } .button-danger { color: #fff; background: #d9534f; border-color: #d9534f; } .button-danger:focus, .button-danger:hover, .button-danger:active { color: #fff; background: #db5b57; border-color: #db5b57; } .button-inverse { color: #fff; background: #222; border-color: #222; } .button-inverse:focus, .button-inverse:hover, .button-inverse:active { color: #fff; background: #272727; border-color: #272727; } .button-block { display: block; width: 100%; margin-left: 0; margin-right: 0; } .amy-btn-primary { font-size: 20px; color: #ffffff; background: #05a3c6; padding: 5px 12px; margin-bottom: 10px; display: inline-block; border-radius: 0 !important; font-family: "Lobster", cursive; box-shadow: -3px 3px 0 #026d85; -moz-box-shadow: -3px 3px 0 #026d85; -webkit-box-shadow: -3px 3px 0 #026d85; } .amy-btn-primary:hover, .amy-btn-primary:active, .amy-btn-primary:focus { color: #d9534f; outline: none; } /** * -------------------------------------------------------- * 2.8. HELPERS * -------------------------------------------------------- */ .amy-flex { display: flex; } .amy-show { display: block; } .amy-hide { display: none; } .amy-inner { float: left; position: relative; width: 100%; } .amy-align-left { text-align: left; } .amy-align-right { text-align: right; } .amy-align-center { text-align: center; } .amy-inline-block { display: inline-block; } .amy-float-none { float: none; } .amy-no-padding { padding-top: 0; padding-bottom: 0; } .amy-xs-padding { padding-top: 10px; padding-bottom: 10px; } .amy-sm-padding { padding-top: 20px; padding-bottom: 20px; } .amy-md-padding { padding-top: 40px; padding-bottom: 40px; } .amy-lg-padding { padding-top: 80px; padding-bottom: 80px; } .amy-xl-padding { padding-top: 160px; padding-bottom: 160px; } .amy-padding-30 { padding-top: 30px; padding-bottom: 30px; } .amy-padding-50 { padding-top: 50px; padding-bottom: 50px; } .amy-padding-60 { padding-top: 60px; padding-bottom: 60px; } .amy-padding-100 { padding-top: 100px; padding-bottom: 100px; } .amy-no-margin { margin-top: 0; margin-bottom: 0; } .amy-xs-margin { margin-top: 10px; margin-bottom: 10px; } .amy-sm-margin { margin-top: 20px; margin-bottom: 20px; } .amy-md-margin { margin-top: 40px; margin-bottom: 40px; } .amy-lg-margin { margin-top: 80px; margin-bottom: 80px; } .amy-xl-margin { margin-top: 160px; margin-bottom: 160px; } .amy-margin-30 { margin-top: 30px; margin-bottom: 30px; } .amy-margin-50 { margin-top: 50px; margin-bottom: 50px; } .amy-margin-60 { margin-top: 60px; margin-bottom: 60px; } .amy-margin-100 { margin-top: 100px; margin-bottom: 100px; } .amy-dark-bg { background-color: #05a3c6; } .amy-section { background-repeat: no-repeat; background-position: center center; } .amy-section-curved { position: relative; } .amy-section-curved:after { position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/curved-bg.png) no-repeat bottom center; content: ""; height: 30px; } .amy-social-icons a { font-size: 13px; display: inline-block; color: #d5d5d5; border: 1px solid #d5d5d5; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; } .amy-social-icons a:hover { color: #fff; background: #05a3c6; border-color: #fff; } ul, ol { padding-left: 15px; } ul li, ol li { margin-bottom: 10px; position: relative; } .amy-list, .widget_categories ul, .widget_archive ul, .widget_pages ul, .widget_meta ul, .widget_nav_menu ul, .widget_recent_entries, .amy-list ul, .widget_categories ul ul, .widget_archive ul ul, .widget_pages ul ul, .widget_meta ul ul, .widget_nav_menu ul ul, .widget_recent_entries ul, .amy-list-with-icon, .amy-list-with-icon ul, .amy-list-with-image, .amy-list-with-image ul { list-style: none; padding: 0; } .amy-list li, .widget_categories ul li, .widget_archive ul li, .widget_pages ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_recent_entries li, .amy-list-with-icon li, .amy-list-with-image li { padding-left: 15px; margin-bottom: 10px; } .amy-list li:before, .widget_categories ul li:before, .widget_archive ul li:before, .widget_pages ul li:before, .widget_meta ul li:before, .widget_nav_menu ul li:before, .widget_recent_entries li:before, .amy-list-with-icon li:before, .amy-list-with-image li:before { position: absolute; left: 0; content: '•'; color: #026d85; } ol.amy-list, ol.widget_recent_entries { counter-reset: li; } ol.amy-list li, ol.widget_recent_entries li { padding-left: 25px; } ol.amy-list li:before, ol.widget_recent_entries li:before { content: counter(li, decimal-leading-zero); counter-increment: li; } .amy-list-with-icon li:before, .amy-list-with-image li:before { content: ""; } .amy-list-with-icon li { padding-left: 20px; } .amy-list-with-icon li a { margin-left: 10px; } .amy-list-with-icon li i.fa { color: #026d85; position: absolute; left: 0; font-size: 14px; line-height: 1.5; } .amy-list-with-image li { position: relative; min-height: 30px; padding-left: 50px; margin-bottom: 10px; } .amy-list-with-image li a { display: block; } .amy-list-with-image li a img { position: absolute; left: 0; top: 0; max-height: 100%; max-width: 30px; } @keyframes amyFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes amyFadeOut { from { opacity: 1; } to { opacity: 0; } } .amy-fade-in { -webkit-animation: amyFadeIn ease-in 0.3s; -o-animation: amyFadeIn ease-in 0.3s; animation: amyFadeIn ease-in 0.3s; } .amy-fade-out { opacity: 0; -webkit-animation: amyFadeOut ease-out 0.5s; -o-animation: amyFadeOut ease-out 0.5s; animation: amyFadeOut ease-out 0.5s; } /** * ============================================================================ * 03. LAYOUT * ============================================================================ */ /** * -------------------------------------------------------- * 3.1. TOP BAR * -------------------------------------------------------- */ #amy-top-bar { font-size: 13px; line-height: 36px; color: #b8b8b8; } #amy-top-bar .amy-top-bar-left { float: left; } #amy-top-bar .amy-top-bar-right { float: right; } .amy-top-bar-right-compact #amy-top-bar .amy-top-bar-right { float: none; position: absolute; right: 0; z-index: 2; } .amy-top-module { float: left; padding-left: 10px; padding-right: 10px; position: relative; } .amy-top-module:first-child { padding-left: 0; } .amy-top-module:last-child { padding-right: 0; } .amy-top-module:after { background: #d3d3d3; position: absolute; content: ""; right: 0; width: 1px; height: 12px; top: 12px; } .amy-top-module:last-child:after { width: 0; } .amy-top-module .amy-top-module-icon { margin-right: 5px; } .amy-top-module a { color: #b8b8b8; } .amy-top-module a:hover { color: #05a3c6; } /** * -------------------------------------------------------- * 3.2. HEADER * -------------------------------------------------------- */ #masthead { box-shadow: none; z-index: 9; position: absolute; top: 0; width: 100%; } #masthead.affix { right: 0; left: 0; } /** LOGO */ .amy-left-logo #amy-site-logo { float: left; } #amy-site-logo.amy-middle-logo { text-align: center; margin-top: 40px; } .amy-left-logo.amy-bottom-menu #amy-site-logo { text-align: left; float: none; } #amy-site-logo a { display: inline-block; line-height: 100px; } #amy-site-logo .amy-logo2x { display: none; } /** MENU **/ #amy-site-nav { display: none; } .amy-float-menu #amy-site-nav { float: right; margin-top: 30px; } .amy-top-bar-right-compact #amy-site-nav { margin-top: 36px; } .amy-middle-logo #amy-site-nav { text-align: center; } #amy-site-nav .amy-primary-menu-left, #amy-site-nav .amy-primary-menu-right { margin-top: 30px; } #amy-site-nav .amy-primary-menu-left { float: left; } #amy-site-nav .amy-primary-menu-right { float: right; } #amy-site-nav ul { margin: 0; padding: 0; list-style-type: none; } #amy-site-nav ul li { text-align: left; position: relative; margin: 0; } #amy-site-nav ul li ul { display: none; position: absolute; z-index: 300; top: 100%; width: 250px; background-color: #fff; padding: 5px 15px; -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07); } #amy-site-nav ul li ul li .amy-link { font-size: 14px; display: block; position: relative; padding: 12px; color: #575757; border-top: 1px dotted #05a3c6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #amy-site-nav ul li ul li .amy-link:hover { color: #05a3c6; text-decoration: none; } #amy-site-nav ul li ul li .amy-link>i { margin-right: 5px; } #amy-site-nav ul li ul li:first-child>.amy-link { border-top: none; } #amy-site-nav ul li ul ul { top: 0; left: 100%; } #amy-site-nav>ul>li { float: left; } #amy-site-nav>ul>li>.amy-link { font-family: "Lobster", cursive; font-size: 17px; text-transform: none; font-weight: 700; color: #575757; display: block; position: relative; padding-left: 20px; padding-right: 20px; line-height: 70px; } .amy-top-bar-right-compact #amy-site-nav>ul>li>.amy-link { line-height: 64px; } #amy-site-nav>ul>li>.amy-link:hover, #amy-site-nav>ul>li>.amy-link:focus { color: #05a3c6; text-decoration: none; } #amy-site-nav>ul>li>.amy-link:before { background: #05a3c6; position: absolute; content: ""; right: -1px; top: 33.5px; width: 3px; height: 3px; border-radius: 3px; } .amy-top-bar-right-compact #amy-site-nav>ul>li>.amy-link:before { top: 30.5px; } #amy-site-nav>ul>li>.amy-link>i { margin-right: 5px; } #amy-site-nav>ul>li:last-child>.amy-link { padding-right: 0; } #amy-site-nav>ul>li:last-child>.amy-link:before { content: none; } #amy-site-nav>ul>li.current-menu-ancestor>.amy-link, #amy-site-nav>ul>li.current-menu-item>.amy-link { color: #05a3c6; } #amy-site-nav>ul>li>ul { border-top: 2px solid #05a3c6; margin-top: -2px; padding-top: 10px; padding-bottom: 10px; } #amy-site-nav>ul>li>ul>li:first-child>.amy-link { border-top: none; } #amy-site-nav>ul>li.menu-item-has-children>a:after { bottom: 2px; left: 49%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #05a3c6; border-width: 4px; margin-left: -4px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } #amy-site-nav>ul>li:hover>a:after { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #amy-site-nav .amy-menu-cart:last-child a, #amy-site-nav .amy-menu-search:last-child a { padding-right: 0; } #amy-site-nav .amy-mega-menu { position: inherit; } #amy-site-nav .amy-mega-menu>ul { width: 100%; left: 0; } #amy-site-nav .amy-mega-menu>ul>li { float: left !important; padding: 0 !important; } #amy-site-nav .amy-mega-menu>ul>li:last-child { border: none; } #amy-site-nav .amy-mega-menu>ul>li:last-child a { border-right: none !important; } #amy-site-nav .amy-mega-menu>ul>li>.amy-link { border-top: none; font-weight: 700; font-size: 16px; } #amy-site-nav .amy-mega-menu>ul>li .amy-title { font-weight: 700; text-transform: uppercase; padding-top: 17px; padding-bottom: 15px; border-top: none; color: #555555; background-color: #f5f5f5; } #amy-site-nav .amy-mega-menu>ul>li .amy-title:hover { color: inherit; } #amy-site-nav .amy-mega-menu>ul>li .amy-title:after { display: none; } #amy-site-nav .amy-mega-menu>ul>li ul { clear: both; display: block !important; position: relative !important; left: 0 !important; opacity: 1 !important; width: 100% !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #amy-site-nav .amy-custom, #amy-site-nav .amy-natural { position: relative; } #amy-site-nav .amy-col-2>ul { width: 400px; } #amy-site-nav .amy-col-3>ul { width: 525px; } #amy-site-nav .amy-col-4>ul { width: 600px; } #amy-site-nav .amy-col-5>ul { width: 500px; } #amy-site-nav .amy-col-6>ul { width: 600px; } #amy-site-nav .amy-right>ul { left: auto !important; right: 0; } #amy-site-nav .amy-label { position: relative; top: -5px; left: 3px; padding: 1px 4px; font-size: 9px; text-transform: uppercase; } #amy-site-nav .amy-column-title { cursor: inherit; } #amy-site-nav .amy-content { display: block; font-size: 11px; padding-top: 5px; opacity: 0.7; filter: alpha(opacity=70); } #amy-site-nav .amy-full-content { margin: 10px; } #amy-site-nav .current-menu-ancestor>.amy-link, #amy-site-nav .current-menu-item>.amy-link { color: #428bca; } #amy-menu-toggle { display: block; position: fixed; top: 30px; padding: 10px; left: 40px; cursor: pointer; z-index: 10; width: 50px; height: 47px; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; background: url("../images/frontend/backgrounds/bg-icon-menu.png") no-repeat center; } #amy-menu-toggle.amy-menu-toggle-open { left: 270px; } #amy-menu-toggle a { display: block; position: relative; margin: 8px auto; padding: 0px; font-size: 0; text-indent: -9999em; appearance: none; box-shadow: none; border-radius: 0; border: none; width: 20px; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } #amy-menu-toggle a:focus { outline: none; } #amy-menu-toggle a span, #amy-menu-toggle a span:before, #amy-menu-toggle a span:after { display: block; width: 100%; height: 3px; margin: 2px auto; background-color: #05a3c6; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } #amy-menu-toggle a span:before, #amy-menu-toggle a span:after { position: absolute; content: ""; } #amy-menu-toggle a span:before { margin-top: -5px; } #amy-menu-toggle a span:after { margin-top: 5px; } #amy-menu-toggle.amy-menu-toggle-open a span { background: transparent; } #amy-menu-toggle.amy-menu-toggle-open a span:before { -webkit-transform: rotate(45deg) translate(3px, 3px); -ms-transform: rotate(45deg) translate(3px, 3px); -o-transform: rotate(45deg) translate(3px, 3px); transform: rotate(45deg) translate(3px, 3px); } #amy-menu-toggle.amy-menu-toggle-open a span:after { -webkit-transform: rotate(-45deg) translate(4px, -4px); -ms-transform: rotate(-45deg) translate(4px, -4px); -o-transform: rotate(-45deg) translate(4px, -4px); transform: rotate(-45deg) translate(4px, -4px); } #amy-navigation-mobile { opacity: 0; background-color: #ffffff; height: 100%; left: -346px; right: auto; position: fixed; top: 0; width: 346px; z-index: 1; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; -webkit-box-shadow: -2px 0 10px #000000; box-shadow: -2px 0 10px #000000; } #amy-navigation-mobile a.navbar-brand.logo { display: inline-block; margin: 30px 0 0 30px; } #amy-navigation-mobile.menu-open { opacity: 1; left: 0; } #amy-navigation-mobile ul+ul { padding-top: 0; margin-top: -20px; } #amy-navigation-mobile ul+ul>li:first-child { border-top: none; } #amy-navigation-mobile .amy-dropdown-plus { position: absolute; top: 0; right: 0; cursor: pointer; background-color: #05a3c6; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #amy-navigation-mobile .amy-dropdown-plus:hover { background-color: #0597b7; } #amy-navigation-mobile .amy-dropdown-plus .fa { display: block; text-align: center; font-size: 13px; width: 48px; height: 48px; line-height: 48px; color: #555; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #amy-navigation-mobile .amy-dropdown-times .fa { color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #amy-navigation-mobile .current-menu-ancestor>a, #amy-navigation-mobile .current-menu-item>a { color: #026d85; } #amy-navigation-mobile a { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-decoration: none; } #amy-navigation-mobile ul { margin: 0; padding: 10px 0; list-style: none; } #amy-navigation-mobile ul ul { position: relative; display: none; padding: 0; margin-left: 0; } #amy-navigation-mobile ul ul:before { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #05a3c6; position: absolute; top: 5px; left: 30px; } #amy-navigation-mobile ul ul li { border-left: none; border-right: none; } #amy-navigation-mobile ul ul li:first-child { border-top-width: 5px; border-top-color: #05a3c6; } #amy-navigation-mobile ul ul li:last-child { border-bottom: none; } #amy-navigation-mobile ul ul li a { padding-left: 30px; } #amy-navigation-mobile ul li { position: relative; border: none; border-bottom: none; margin: 0; } #amy-navigation-mobile ul li ul li { border: 1px solid #05a3c6; } #amy-navigation-mobile ul li:last-child { border-bottom: none; } #amy-navigation-mobile ul li a { display: block; font-size: 22px; padding: 10px 40px; color: #05a3c6; font-family: "Lobster", cursive; } #amy-navigation-mobile ul li a:hover { color: #026d85; } #amy-navigation-mobile ul li a:focus { outline: none; } #amy-navigation-mobile ul li.menu-item-has-children>.amy-dropdown-plus { display: block; } #amy-navigation-mobile ul li.menu-item-has-children>a { border-right: none; margin-right: 50px; } #amy-navigation-mobile .amy-fancy-mobile-menu { padding: 20px 0; } #amy-navigation-mobile .amy-fancy-mobile-menu ul { padding-top: 0; padding-bottom: 0; } /** * -------------------------------------------------------- * 3.3. PAGE HEADER * -------------------------------------------------------- */ #page-header { background-repeat: no-repeat; background-size: contain; background-position: center top; width: 100%; position: relative; border-bottom: 1px solid #f3f3f3; background: #05a3c6; background: -moz-linear-gradient(top, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #05a3c6), color-stop(0%, #05a3c6), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); background: -o-linear-gradient(top, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); background: -ms-linear-gradient(top, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); background: linear-gradient(to bottom, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); } #page-header:after { content: ''; background-image: url("../images/frontend/bg-header.png"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } #page-header .amy-wrap { position: relative; width: 100%; min-height: 492px; } #page-header .amy-wrap h1 { color: #fff; position: absolute; bottom: 14px; left: 0; color: #05a3c6; font-size: 30px; } #page-header .amy-wrap .amy-breadcrumb { position: absolute; bottom: 28px; right: 0; } #page-header .amy-wrap .amy-breadcrumb, #page-header .amy-wrap .amy-breadcrumb a { color: #666; } #page-header .amy-wrap .amy-breadcrumb a:hover, #page-header .amy-wrap .amy-breadcrumb a:active, #page-header .amy-wrap .amy-breadcrumb a:focus { text-decoration: underline; } @media (min-width: 1281px) and (max-width: 1600px) { #page-header .amy-wrap { min-height: 350px; } } @media (max-width: 767px) { #page-header { padding-top: 20px; padding-bottom: 20px; } #page-header h1 { font-size: 26px; margin-top: 16px; } } /** * -------------------------------------------------------- * 3.4. PAGE CONTENT * -------------------------------------------------------- */ /** * ============================================================================ * HOME PAGE * ============================================================================ */ .content-wrapper { background-image: url("../images/frontend/backgrounds/bg-body.png"); background-repeat: repeat; } .amy-section { padding: 100px 0; } .amy-section.heading-white h1 { color: #ffffff; } .amy-section.heading-white h1:after { background: #fff; background: -moz-linear-gradient(left, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #05a3c6), color-stop(50%, #ffffff), color-stop(100%, #05a3c6)); background: -webkit-linear-gradient(left, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); background: -o-linear-gradient(left, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); background: -ms-linear-gradient(left, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); background: linear-gradient(to right, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); } .amy-section h1 { color: #05a3c6; position: relative; margin-bottom: 40px; margin-top: 0; } .amy-section h1:after { content: ''; height: 2px; width: 592px; position: absolute; bottom: -7px; left: 0; right: 0; margin: 0 auto; text-align: center; background: #fff; background: -moz-linear-gradient(left, #fff 0%, #05a3c6 50%, #fff 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #fff), color-stop(50%, #05a3c6), color-stop(100%, #fff)); background: -webkit-linear-gradient(left, #fff 0%, #05a3c6 50%, #fff 100%); background: -o-linear-gradient(left, #fff 0%, #05a3c6 50%, #fff 100%); background: -ms-linear-gradient(left, #fff 0%, #05a3c6 50%, #fff 100%); background: linear-gradient(to right, #fff 0%, #05a3c6 50%, #fff 100%); } .amy-section.about-us .video-wrap { width: 510px; height: 321px; padding: 20px 15px; margin: 30px auto; background: url("../images/frontend/backgrounds/bg-video.png") no-repeat center top; } .amy-section.offers { background-color: #05a3c6; background-image: url("../images/frontend/backgrounds/sinapha-bg.png"); background-position: center top; background-repeat: repeat-x; position: relative; } .amy-section.offers .container { position: relative; } .amy-section.offers .container .row { margin: 0; } .amy-section.offers .container article { background: #fff; padding: 25px 20px; margin: 0 -15px; position: relative; cursor: pointer; } .amy-section.offers .container article.gift { background: transparent; color: #fff; } .amy-section.offers .container article.gift h2 { font-size: 38px; margin-top: 60px; } .amy-section.offers .container article.offer-one { border-right: 4px solid #026d85; margin-right: -19px; } .amy-section.offers .container article.offer-one .products-details { position: absolute; top: 0; left: 100%; } .amy-section.offers .container article.offer-two { border-top: 4px solid #026d85; margin-top: -4px; } .amy-section.offers .container article.offer-two .products-details { position: absolute; bottom: 100%; left: 0%; } .amy-section.offers .container article.offer-three { border-bottom: 4px solid #026d85; margin-bottom: -4px; } .amy-section.offers .container article.offer-three .products-details { position: absolute; top: 100%; right: 0%; } .amy-section.offers .container article.offer-four { border-left: 4px solid #026d85; margin-left: -19px; } .amy-section.offers .container article.offer-four .products-details { position: absolute; top: 0%; right: 100%; } .amy-section.offers .container article .products-visible h3 { color: #000000; font-size: 20px; margin-top: 15px; } .amy-section.offers .container article .products-visible .price { font-family: "Lobster", cursive; font-size: 22px; color: #de2628; } .amy-section.offers .container article .products-visible .price del { color: #999999; font-size: 17px; margin-left: 6px; } .amy-section.offers .container article .products-details { display: none; width: 100%; height: 100%; background: #ccc; color: #fff; } .amy-section.offers .container article .products-details .price-tag { font-family: "Lobster", cursive; font-size: 22px; color: #fff; border-top: 1px solid #026d85; border-bottom: 1px solid #026d85; } .amy-section.offers .container article .products-details .price-tag del { color: #999999; font-size: 17px; margin-left: 6px; } .amy-section.offers .container article .products-details ul.prod-desc { display: inline-block; width: 56.6%; float: left; padding: 37px; margin: 0; background: #026d85; } .amy-section.offers .container article .products-details ul.prod-desc li { list-style: none; margin-bottom: 3px; } .amy-section.offers .container article .products-details ul.prod-links { display: inline-block; float: right; margin: 0; padding: 19px 10px; width: 43.4%; background: #025e73; } .amy-section.offers .container article .products-details ul.prod-links li { list-style: none; display: block; } .amy-section.offers .container article .products-details ul.prod-links li.price-tag { margin: 10px; padding: 10px; } .amy-section.offers .container article .products-details ul.prod-links li a { color: #fff; } .amy-section.offers .container article .products-details ul.prod-links li a:hover { color: #026d85; } .amy-section.offers .container article:hover .products-details { display: block; } .amy-section.promotional .button-wrap .btn-special-1 { background: url("../images/frontend/backgrounds/bg-btn-special-1.png") no-repeat center top; display: inline-block; height: 77px; line-height: 90px; width: 317px; padding: 0 40px; font-size: 20px; color: #ffffff; font-family: "Lobster", cursive; } .amy-section.promotional .button-wrap .btn-special-1:hover { color: #026d85; } .amy-section.promotional .button-wrap .btn-special-1 span { display: inline-block; margin-right: 50px; text-align: left; } .amy-section.promotional .button-wrap .btn-special-1 span:last-child { margin-right: 0; } .amy-section.promotional .button-wrap .btn-special-2 { background: url("../images/frontend/backgrounds/bg-btn-special-2.png") no-repeat center top; display: inline-block; height: 72px; line-height: 80px; width: 229px; margin-left: 15px; font-size: 20px; color: #ffffff; font-family: "Lobster", cursive; } .amy-section.promotional .button-wrap .btn-special-2:hover { color: #026d85; } .amy-section.pricing-sale { background-color: #05a3c6; background-image: url("../images/frontend/backgrounds/sinapha-bg.png"); background-repeat: repeat-x; background-position: center top; color: #ffffff; } .amy-section.pricing-sale .list-group-logo { padding-top: 100px; position: relative; } .amy-section.pricing-sale .list-group-logo:after { content: ''; width: 100%; height: 1px; position: absolute; top: 0%; left: 0; background: #fff; background: -moz-linear-gradient(left, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #05a3c6), color-stop(50%, #ffffff), color-stop(100%, #05a3c6)); background: -webkit-linear-gradient(left, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); background: -o-linear-gradient(left, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); background: -ms-linear-gradient(left, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); background: linear-gradient(to right, #05a3c6 0%, #ffffff 50%, #05a3c6 100%); } .amy-section.pricing-sale .amy-pricing-shortcode { width: 896px; margin: 0px auto; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-desc { margin-bottom: 40px; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content { margin: 40px 0; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .row { margin-left: -5px; margin-right: -5px; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .row div[class*="col"] { padding-left: 5px; padding-right: 5px; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .column { padding: 83px 20px; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .column.column-1 { background: url("../images/frontend/backgrounds/bg-column-1.png") no-repeat center top; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .column.column-2 { background: url("../images/frontend/backgrounds/bg-column-2.png") no-repeat center top; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .column.column-3 { background: url("../images/frontend/backgrounds/bg-column-3.png") no-repeat center top; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .column ul { padding: 0; margin: 0; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .column ul li { list-style: none; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .column ul li.title-row h3 { color: #000000; margin-top: 0; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .column ul li.pricing-row { color: #05a3c6; font-family: "Lobster", cursive; font-size: 50px; } .amy-section.pricing-sale .amy-pricing-shortcode .pricing-content .column ul li.footer-row .amy-btn-primary { padding: 6px 30px; } .amy-section.amy-testimonial .testimonials-container { margin-top: 60px; } .amy-section.amy-testimonial .testimonials-container #sync2 { width: 560px; height: 98px; margin: 0 auto 40px; } .amy-section.amy-testimonial .testimonials-container #sync2 .owl-item .avarta-entry { margin-top: 15px; cursor: pointer; opacity: 0.4; } .amy-section.amy-testimonial .testimonials-container #sync2 .owl-item .avarta-entry img { width: 68px; height: 68px; -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; } .amy-section.amy-testimonial .testimonials-container #sync2 .owl-item.synced .avarta-entry { margin-top: 0; opacity: 1; } .amy-section.amy-testimonial .testimonials-container #sync2 .owl-item.synced .avarta-entry img { width: 98px; height: 98px; } .amy-section.amy-testimonial .testimonials-container #sync1 .testimonial-entry blockquote { border-left: none; } .amy-section.amy-testimonial .testimonials-container #sync1 .testimonial-entry .testimonial-source .testimonial-author { font-size: 24px; color: #000000; font-family: "Lobster", cursive; } .amy-section.amy-testimonial .testimonials-container #sync1 .testimonial-entry .testimonial-source .testimonial-job { color: #b2b2b2; font-style: italic; } .amy-shortcode-blogs { background-color: #f5f6fb; background-image: url("../images/frontend/backgrounds/sinapha-bg.png"); background-repeat: repeat-x; background-position: center top; color: #666; } .amy-shortcode-blogs .heading { position: relative; } .amy-shortcode-blogs .heading h1 { display: inline-block; } .amy-shortcode-blogs .heading h1:after { left: 110%; bottom: 18px; width: 800px; background: #f5f6fb; background: -moz-linear-gradient(left, #05a3c6 50%, #f5f6fb 100%); background: -webkit-gradient(left top, right top, color-stop(50%, #05a3c6), color-stop(100%, #f5f6fb)); background: -webkit-linear-gradient(left, #05a3c6 50%, #f5f6fb 100%); background: -o-linear-gradient(left, #05a3c6 50%, #f5f6fb 100%); background: -ms-linear-gradient(left, #05a3c6 50%, #f5f6fb 100%); background: linear-gradient(to right, #05a3c6 50%, #f5f6fb 100%); } .amy-shortcode-blogs .heading .view-all { position: absolute; top: 15px; right: 0; } .amy-shortcode-blogs .heading .view-all a { font-size: 15px; font-family: "Lobster", cursive; color: #999999; } .amy-shortcode-blogs .heading .view-all a:hover { color: #05a3c6; } .amy-shortcode-blogs .entry-header { margin-bottom: 20px; } .amy-shortcode-blogs .entry-header .entry-title { font-size: 20px; } .amy-shortcode-blogs .entry-header .entry-title a { color: #000; } .amy-shortcode-blogs .entry-header .entry-title a:hover { color: #05a3c6; } .amy-shortcode-blogs .entry-header .entry-meta { font-size: 13px; } .amy-shortcode-blogs .entry-header .entry-meta span { margin-right: 16px; } .amy-shortcode-blogs .entry-header .entry-meta span.entry-author-link { position: relative; } .amy-shortcode-blogs .entry-header .entry-meta span.entry-author-link:after { position: absolute; content: '/'; top: -1px; right: -10px; color: #999; } .amy-shortcode-blogs .entry-header .entry-meta a { color: #999999; } .amy-shortcode-blogs .entry-header .entry-meta a:hover { color: #05a3c6; } .amy-section.amy-contact { background-color: #05a3c6; background-image: url("../images/frontend/backgrounds/sinapha-bg-f6.png"); background-repeat: repeat-x; background-position: center top; color: #ffffff; } .amy-section.amy-contact .contact-form { width: 548px; min-height: 365px; margin: 0 auto; padding: 45px 0; position: relative; background: url("../images/frontend/backgrounds/bg-contact-form.png") no-repeat center; } .amy-section.amy-contact .contact-form p { margin-bottom: 10px; } .amy-section.amy-contact .contact-form input { width: 410px; margin: 0 auto; background: #f1f1f1; border: none; border-radius: 0; } .amy-section.amy-contact .contact-form textarea { width: 410px; margin: 0 auto; max-height: 140px; background: #f1f1f1; border: none; border-radius: 0; } .amy-section.amy-contact .contact-form input[type="submit"] { font-size: 20px; color: #ffffff; background: #05a3c6; padding: 15px 20px; margin-bottom: 10px; display: inline-block; font-family: "Lobster", cursive; box-shadow: -3px 3px 0 #026d85; -moz-box-shadow: -3px 3px 0 #026d85; -webkit-box-shadow: -3px 3px 0 #026d85; border-radius: 0; text-transform: none; width: auto; position: absolute; bottom: -40px; left: 35%; } .amy-section.amy-contact .contact-form input[type="submit"]:hover, .amy-section.amy-contact .contact-form input[type="submit"]:active, .amy-section.amy-contact .contact-form input[type="submit"]:focus { color: #d9534f; outline: none; top: inherit; } .amy-section.amy-contact .contact-info { margin-top: 90px; } .social-box { margin: 60px 0 30px; } .social-box .amy-social-list { padding: 0; } .social-box .amy-social-list li { list-style: none; display: inline-block; margin: 0 20px; } .social-box .amy-social-list li a { width: 44px; height: 44px; line-height: 44px; border-radius: 50%; color: #a7a7a7; text-align: center; border: 2px solid #a7a7a7; position: relative; } .social-box .amy-social-list li a.fa-facebook:hover { color: #3B5998; border-color: #3B5998; } .social-box .amy-social-list li a.fa-google-plus:hover { color: #D6492F; border-color: #D6492F; } .social-box .amy-social-list li a.fa-twitter:hover { color: #42C0FB; border-color: #42C0FB; } .social-box .amy-social-list li a.fa-skype:hover { color: #3E9DD7; border-color: #3E9DD7; } .social-box .amy-social-list li a.fa-pinterest:hover { color: #CB1F26; border-color: #CB1F26; } .social-box .amy-social-list li a:after { content: url("../images/frontend/backgrounds/mu.png"); position: absolute; top: -15px; right: -10px; } .amy-section.footer .amy-copyright p { margin-bottom: 5px; } /** * -------------------------------------------------------- * 3.5. FOOTER * -------------------------------------------------------- */ .amy-footer-before { overflow: hidden; } .amy-footer-before .newsletter-title-wrapper { margin-bottom: 20px; color: #fff; text-transform: uppercase; font-family: "Lobster", cursive; font-size: 20px; font-style: italic; font-weight: 700; } .amy-footer-before .newsletter-title-wrapper strong { font-size: 30px; font-style: normal; } .amy-footer-before .newsletter-input-wrapper { display: inline; position: relative; } .amy-footer-before .newsletter-input-wrapper input[type="text"] { display: inline-block; border-radius: 50px; max-width: 450px; padding-left: 20px; padding-right: 40px; height: 44px; } .amy-footer-before .newsletter-input-wrapper input[type="submit"] { position: absolute; border: none; text-indent: -9999em; padding: 0; width: 24px; height: 24px; background: url(../images/frontend/icons/newsletter-btn.png) no-repeat; top: -3px; right: 20px; opacity: 0.9; } .amy-footer-before .newsletter-input-wrapper input[type="submit"]:hover, .amy-footer-before .newsletter-input-wrapper input[type="submit"]:active, .amy-footer-before .newsletter-input-wrapper input[type="submit"]:focus { opacity: 1; } @media (max-width: 767px) { .amy-footer-before { padding-top: 20px; padding-bottom: 20px; } } .amy-footer { padding-top: 20px; position: relative; } .amy-footer:before { content: ''; height: 2px; width: 100%; position: absolute; top: 0px; left: 0; right: 0; margin: 0 auto; text-align: center; background: #fff; background: -moz-linear-gradient(left, #fff 0%, #05a3c6 50%, #fff 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #fff), color-stop(50%, #05a3c6), color-stop(100%, #fff)); background: -webkit-linear-gradient(left, #fff 0%, #05a3c6 50%, #fff 100%); background: -o-linear-gradient(left, #fff 0%, #05a3c6 50%, #fff 100%); background: -ms-linear-gradient(left, #fff 0%, #05a3c6 50%, #fff 100%); background: linear-gradient(to right, #fff 0%, #05a3c6 50%, #fff 100%); } .amy-footer .amy-copyright { border-top: 1px dotted #05a3c6; padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px; } .amy-footer .amy-copyright p { margin-bottom: 0; } .amy-footer .instagram-images img { margin-bottom: 3px; } @media (max-width: 991px) { .amy-footer .amy-flex { display: block; } .amy-footer .amy-footer-left { border-right: 0; padding-right: 0; } .amy-footer .amy-footer-right { padding-left: 15px; } .amy-footer .amy-copyright .pull-left, .amy-footer .amy-copyright .pull-right { float: none !important; text-align: center; } .amy-footer .amy-copyright .pull-left p, .amy-footer .amy-copyright .pull-right p { margin-bottom: 10px; } } /** * -------------------------------------------------------- * 3.6. PAGINATION * -------------------------------------------------------- */ .amy-pagination { text-align: center; border-top: 1px dotted #eee; padding-top: 20px; margin-top: 20px; } .pagination .page-numbers { color: #ffffff; border: none; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block; background: #05a3c6; font-family: "Lobster", cursive; font-size: 18px; overflow: hidden; margin: 0 2px; } .pagination .page-numbers.current { color: #fff; text-decoration: none; background: #026d85; } .pagination a.page-numbers:focus { text-decoration: none; } .pagination a.page-numbers:hover, .pagination a.page-numbers:active { color: #fff; text-decoration: none; background: #05a3c6; border-color: #05a3c6; } .amy-infinite-scroll { background: url(../images/frontend/loader.gif) no-repeat center center; display: inline-block; text-indent: -9999em; } .amy-prev-next-pagination:before, .amy-prev-next-pagination:after { content: " "; display: table; } .amy-prev-next-pagination:after { clear: both; } .amy-prev-next-pagination .amy-prev { float: left; } .amy-prev-next-pagination .amy-next { float: right; } /** * ============================================================================ * 04. DEFAULT WORDPRESS WIDGETS * ============================================================================ */ /** * -------------------------------------------------------- * 4.1. BASE * -------------------------------------------------------- */ .amy-widget { margin-bottom: 40px; } .amy-widget .amy-widget-title h4 { margin-top: 0; font-weight: 400; text-transform: none; color: #05a3c6; font-size: 20px; margin-bottom: 20px; } .widget_categories ul li, .widget_archive ul li, .widget_pages ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_recent_entries li { color: #d5d5d5; } @media (max-width: 991px) { .amy-sitebar-wrapper { margin-top: 40px; } } /** * -------------------------------------------------------- * 4.2. SEARCH * -------------------------------------------------------- */ .widget_search .search-form { position: relative; } .widget_search .search-form input { border-radius: 0px; } .widget_search .search-form button { color: #e7e7e7; background: none; border: none; padding: 7px; margin: 0; position: absolute; right: 5px; top: 5px; } .widget_search .search-form button:hover, .widget_search .search-form button:focus, .widget_search .search-form button:active { color: #05a3c6; } /** * -------------------------------------------------------- * 4.3. CALENDAR * -------------------------------------------------------- */ .widget_calendar caption { text-align: center; } .widget_calendar table { font-size: 14px; border-top: 1px solid #eee; } .widget_calendar table>thead tr>th, .widget_calendar table>thead tr>td, .widget_calendar table>tbody tr>th, .widget_calendar table>tbody tr>td { border: 1px solid #eee; text-align: center; } .widget_calendar table>thead>tr>th, .widget_calendar table>thead>tr>td { border-bottom-width: 2px; } .widget_calendar table>thead { background: #f8f8f8; } .widget_calendar table>tfoot tr>td { border: 0; } .widget_calendar table tbody a { background: #05a3c6; color: #fff; display: block; border-radius: 3px; } .widget_calendar table tbody a:hover { background: #555; } .widget_calendar #next { text-align: right; } .widget_calendar #prev { text-align: left; } .widget_calendar #today { background-color: #f5f5f5; } @media (min-width: 991px) and (max-width: 1199px) { .widget_calendar table th, .widget_calendar table td { padding: 6px; } } /** * -------------------------------------------------------- * 4.4. COMMENTS * -------------------------------------------------------- */ .widget_recent_comments ul { list-style: none; margin: 0; padding: 0; } .widget_recent_comments ul li { font-style: italic; color: #999999; } .widget_recent_comments ul li:before { font-family: FontAwesome; content: "\f0e5"; font-size: 13px; margin-right: 7px; opacity: 0.7; } .widget_recent_comments ul li a { font-style: normal; } /** * -------------------------------------------------------- * 4.5. NAV MENU * -------------------------------------------------------- */ .page-sidebar .widget_nav_menu ul, .page-sidebar .widget_nav_menu ul ul { list-style: none; padding: 0; margin: 0; } .page-sidebar .widget_nav_menu ul li { margin: 0; padding: 0; border-bottom: 1px solid #f2f2f2; } .page-sidebar .widget_nav_menu ul li:before { content: none; } .page-sidebar .widget_nav_menu ul li a { padding: 8px 0; display: block; } .page-sidebar .widget_nav_menu ul li:last-child { border-bottom: 0; } .page-sidebar .widget_nav_menu ul li ul.sub-menu { padding-left: 20px; border-top: 1px solid #f2f2f2; } .page-sidebar .widget_nav_menu ul .menu-item-has-children>a:after { font-family: FontAwesome; content: "\f105"; position: absolute; right: 0; color: #cacaca; } .page-sidebar .widget_nav_menu ul .menu-item-has-children>a:hover:after { color: #05a3c6; } .page-sidebar .widget_nav_menu ul .current-menu-item>a { color: #05a3c6; } .page-sidebar .widget_nav_menu ul .current-menu-item>a:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } /** * -------------------------------------------------------- * 4.6. RSS * -------------------------------------------------------- */ .widget_rss .amy-widget-title a { color: #05a3c6; } .widget_rss .amy-widget-title a img { margin-bottom: 2px; } /** * -------------------------------------------------------- * 4.7. TAG CLOUD * -------------------------------------------------------- */ .widget_tag_cloud .tagcloud a { padding: 5px 12px; text-transform: none; font-weight: 400; font-size: 13px !important; border-width: 1px; } /** * ============================================================================ * 05. BLOGS * ============================================================================ */ .entry-meta .entry-cat-links:before, .entry-meta .entry-featured:before, .entry-tags:before, .entry-meta a:before { font-size: 13px; margin-right: 4px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; display: inline-block; line-height: 1; } .entry-featured:before { content: "\f041"; } .entry-date a:before { content: "\f017"; } .entry-author-link a:before { content: "\f007"; } .entry-cat-links:before { content: "\f115"; } .entry-comments-link a:before { content: "\f0e5"; } .entry-edit-link a:before { content: "\f040"; } .entry-love a:before { content: "\f08a"; } .entry-tags:before { content: "\f02c"; } .entry-format-aside a:before { content: "\f1db"; } .entry-format-gallery a:before { content: "\f030"; } .entry-format-link a:before { content: "\f0c1"; } .entry-format-image a:before { content: "\f03e"; } .entry-format-quote a:before { content: "\f10e"; } .entry-format-status a:before { content: "\f0a2"; } .entry-format-video a:before { content: "\f03d"; } .entry-format-audio a:before { content: "\f028"; } .entry-format-chat a:before { content: "\f0e6"; } article { -ms-word-wrap: break-word; word-wrap: break-word; } .entry-content embed, .entry-content object, .entry-content iframe, .entry-content video { max-width: 100%; } .entry-content .wp-audio-shortcode, .entry-content .wp-video { margin-bottom: 20px; } .entry-read-more { display: block; margin-top: 7px; } .entry-footer { margin-top: 24px; } .entry-footer .amy-footer-meta { border-top: 1px dotted #05a3c6; border-bottom: 1px dotted #05a3c6; padding: 10px 0; line-height: 30px; } .entry-footer .amy-footer-meta:before, .entry-footer .amy-footer-meta:after { content: " "; display: table; } .entry-footer .amy-footer-meta:after { clear: both; } .entry-footer .amy-footer-meta .amy-post-tag-title, .entry-footer .amy-footer-meta .amy-post-share-title { font-family: "Lobster", cursive; font-weight: bold; text-transform: uppercase; } .entry-footer .amy-footer-meta .entry-tags { float: left; } .entry-footer .amy-footer-meta .amy-post-share { float: right; } .blog-default .hentry { padding-bottom: 25px; margin-bottom: 25px; } .blog-default .entry-header { margin-bottom: 10px; } .blog-default .entry-title { margin: 0 0 15px 0; } .blog-default .entry-title a { color: #000000; } .blog-default .entry-title a:hover { color: #05a3c6; } .blog-default .entry-meta { color: #999; font-style: italic; } .blog-default .entry-meta>span { margin-right: 10px; } .blog-default .entry-meta a { color: #999; } .blog-default .entry-meta a:hover, .blog-default .entry-meta a:active, .blog-default .entry-meta a:focus { color: #05a3c6; } .blog-default .entry-tags { padding-bottom: 25px; border-bottom: 1px solid #efefef; } .blog-default .entry-tags:before { color: #05a3c6; } .blog-default .entry-tags .tag-links a { color: #999999; } .blog-default .entry-tags .tag-links a:hover { color: #05a3c6; } .blog-search { overflow: hidden; } #comments .comment-title { color: #05a3c6; margin: 50px 0; font-size: 25px; } #comments ol { list-style: none; margin: 0; padding: 0; } #comments ul { list-style: none; padding-left: 40px; } #comments .comment-body { margin-bottom: 10px; min-height: 75px; padding-bottom: 15px; padding-left: 85px; position: relative; background: #fff; } #comments .comment-body .comment-avatar { position: absolute; left: 0; } #comments .comment-body .comment-avatar img { border-radius: 50%; } #comments .comment-body .comment-data { background: #ffffff; padding: 20px; border: 2px solid #e7e7e7; position: relative; border-radius: 3px; } #comments .comment-body .comment-meta { padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; } #comments .comment-body .comment-author { display: inline-block; font-family: "Lobster", cursive; font-weight: 400; text-transform: none; margin-right: 20px; font-size: 18px; } #comments .comment-body .comment-metadata { color: #cfcfcf; display: inline-block; font-size: 14px; font-style: italic; } #comments .comment-body .comment-metadata a { color: #cfcfcf; } #comments .comment-body .comment-reply { opacity: 0; color: #05a3c6; position: absolute; top: 20px; right: 20px; float: right; text-transform: none; font-size: 12px; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } #comments .comment-body .comment-data:hover .comment-reply { opacity: 1; } #comments .comment-body .comment-content { padding-top: 15px; } #comments .comment-body .comment-content p:last-child { margin-bottom: 10px; } .comment-respond { margin-top: 30px; } .comment-respond .comment-reply-title { color: #05a3c6; font-size: 25px; } .entry-image { position: relative; margin-bottom: 15px; } .entry-image .entry-date-caption { position: absolute; top: 0%; left: 0; width: 102px; height: 102px; border-bottom-right-radius: 65px; background: #05a3c6; text-align: center; padding: 12px 0; } .entry-image .entry-date-caption .time-day { font-size: 25px; font-family: "Lobster", cursive; color: #ffffff; display: inline-block; border-bottom: 2px solid #a3dae6; padding: 3px; line-height: 32px; } .entry-image .entry-date-caption time { font-size: 13px; color: #ffffff; display: block; margin-top: 2px; } .entry-image img { max-width: 100%; height: auto; } .entry-image a { display: inline-block; position: relative; width: 100%; height: 100%; } .entry-media { overflow: hidden; margin-bottom: 14px; } .entry-media embed, .entry-media object, .entry-media video, .entry-media iframe { max-width: 100%; } .entry-media .wp-playlist { margin: 0 !important; } .wp-playlist-item, .wp-playlist { border-color: #e8e8e8; } .format-audio .entry-image { margin-bottom: 0; } .entry-gallery { overflow: hidden; margin-bottom: 14px; } .gallery:before, .gallery:after { content: " "; display: table; } .gallery:after { clear: both; } .gallery-item { float: left; max-width: 33.33%; vertical-align: top; width: 100%; margin: 0; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .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-icon img { margin: 0 auto; } .gallery-caption { color: #999; display: block; font-size: 13px; font-style: italic; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .amy-chat { margin: 0; padding: 0; list-style: none; } .amy-chat-row { margin-bottom: 15px; } .amy-chat-author { font-weight: 700; display: inline; } .amy-chat-row-even .amy-chat-author { color: #2980b9; } .amy-chat-row-odd .amy-chat-author { color: #27ae60; } .amy-chat-text { display: inline; } .format-quote blockquote { margin-left: 0; margin-right: 0; } @media (max-width: 989px) { .amy-post-tags .pull-left, .amy-post-tags .pull-right { float: none !important; } .amy-post-tags .amy-post-share { margin-top: 10px; } .amy-comments-wrapper ul { padding-left: 20px; } .amy-comments-wrapper .comment-body { padding-left: 60px; } .amy-comments-wrapper .comment-body .comment-avatar img { max-width: 50px; height: auto; } .amy-comments-wrapper .comment-body .comment-data:before, .amy-comments-wrapper .comment-body .comment-data:after { top: 20px; } } /** * ============================================================================ * 06. SHORTCODES * ============================================================================ */ .primary-banner { background-repeat: no-repeat; background-size: contain; background-position: center top; width: 100%; height: 100vh; padding: 0; position: relative; background: #05a3c6; background: -moz-linear-gradient(top, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #05a3c6), color-stop(0%, #05a3c6), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); background: -o-linear-gradient(top, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); background: -ms-linear-gradient(top, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); background: linear-gradient(to bottom, #05a3c6 0%, #05a3c6 0%, #ffffff 100%); } .primary-banner .container-fluid { padding: 0; } .primary-banner .section-content { height: 100vh; background: url("../images/frontend/backgrounds/bg-foot-banner.png") no-repeat center bottom; } .primary-banner .section-content .top-left { position: absolute; top: 0px; left: 32%; } .primary-banner .section-content .top-right { position: absolute; top: 0px; right: 32%; } .primary-banner .section-content .snowman { position: absolute; top: 178px; right: 32%; } .primary-banner .section-content .pine-trees { position: absolute; bottom: 30px; left: 10%; } .primary-banner .section-content .layer-text { position: absolute; top: 238px; left: 0%; right: 0%; margin: 0 auto; } .primary-banner .section-content .box-countdown { text-align: center; position: absolute; bottom: 265px; left: 0%; right: 0%; margin: 0 auto; color: #000000; } .primary-banner .section-content .box-countdown h1 { margin-bottom: 15px; color: #026d85; } .primary-banner .section-content .box-countdown h1:after { content: none; } .primary-banner .section-content .box-social { position: absolute; bottom: 40px; right: 10%; } .primary-banner .section-content .box-social a { display: inline-block; margin: 0 10px; position: relative; } .primary-banner .section-content .box-social a:hover span.box-hover { display: block; } .primary-banner .section-content .box-social a span.box-hover { display: none; width: 83px; height: 86px; line-height: 83px; text-align: center; position: absolute; top: -92px; left: -57px; background: url("../images/frontend/backgrounds/bg-hover-icon.png") no-repeat center; } .primary-banner .section--purple { background-color: #9b59b6; } .primary-banner .section--blue { background-color: #3498db; } .primary-banner .section--green { background-color: #2ecc71; } /** * ============================================================================ * 07. RESPONSIVE * ============================================================================ */ /** * ============================================================================ * HOME PAGE * ============================================================================ */ @media (min-width: 1281px) and (max-width: 1600px) { .primary-banner .section-content .pine-trees { left: 0; } .primary-banner .section-content .layer-text { width: 650px; top: 180px; } .primary-banner .section-content .snowman { top: 140px; right: 26%; } .primary-banner .section-content .box-countdown { bottom: 200px; } .primary-banner .section-content .moon { position: absolute; top: 0; right: 0%; width: 300px; } } .sticky-post { background: #000 !important; color: #fff !important; } .post.sticky { background: #f7f7f7; padding: 20px; margin-bottom: 15px; } .post.sticky .postitem { border: none; margin: 0; padding: 0; } .post.sticky:after { clear: both; display: table; content: ''; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .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; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; 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. / } .gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .bypostauthor>article .fn:after { content: "\f304"; left: 3px; position: relative; top: 5px; }