/*
Theme Name: Bayard HK
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.4
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Text Domain: bayard
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/


/*******************************************************
 *
 * 1. Navigation
 *
 *******************************************************/

/*https://drive.google.com/open?id=1G4Sj7SFd8qa-OCkc5Cdx7PfbJoMBP8ka*/

/*font*/
@font-face {
    font-family: 'Jacob';
    src: url('fonts/jacob/jacoby_icg_black-webfont.woff') format('woff2'),
    url('fonts/jacob/jacoby_icg_black-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Jacob';
    src: url('fonts/jacob/jacoby_icg_black-webfont.woff') format('woff2'),
    url('fonts/jacob/jacoby_icg_black-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/* Sub Menu */
#nav li {
    position: relative;
    display: inline-block;
}

#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: rgba(0, 0, 0, 0.9) url("images/submenu-fixer.png");
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 180px;
}

#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}

#nav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}

#nav .sub-menu .sub-menu {
    margin-left: 100%;
    top: 0;
}

#nav li:hover > .sub-menu {
    display: block;
}

#nav .sub-menu li {
    position: relative;
}


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/

/* Global */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    background: #FFF;
    color: #000000;
    margin: 0;

    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a, a:hover, a:visited, a:focus
    /*,input,input:focus,textarea,textarea:focus,select:focus,select*/
{
    outline: none !important;
    text-decoration: none !important;
}

.slick-slide {
    outline: none !important;
}

.label-hide {
    display: none !important;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-margin {
    margin: 0;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

div#main-wrapper {
    overflow: hidden;
    position: relative;
}

/*header*/
header.main-header {
    padding-top: 55px;
}

.user-links, .user-links a, .cart-link span {
    font-size: 13px;
    color: #030303;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .5px;
    cursor: pointer;
}

.cart-link span.cart-counter {
    position: absolute;
    top: -8px;
    right: -22px;
    display: block;
    width: 20px;
    height: 20px;
    background: #f45b4f;
    padding: 3px 0;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    letter-spacing: 0;
    opacity: 0;
    pointer-events: none;
}

.user-links a:hover, .cart-link span:hover {
    color: #f45b4f;
}

.cart-link span img {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 3px;
}

.header-links {
    font-size: 0;
    text-align: right;
}

.cart-link, .user-links {
    display: inline-block;
    position: relative;
}

.user-links {
    margin: 0 27px;
}

.header-translate-text {
    font-weight: 600;
    color: #030303;
    font-size: 13px;
}

.header-translate-text ul li {
    display: inline-block;
}

html[lang=zh-HK] .header-translate-text a:last-child {
    color: #f25549;
}

html[lang=auto] .header-translate-text a:first-child,
html[lang=en-US] .header-translate-text a:first-child {
    color: #f25549;
}

/* .header-translate-text em {
    font-style: normal;
    color: #f25549;
} */

.header-translate-text span {
    width: 1px;
    height: 12px;
    background: #030303;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

/*logo*/
.header-logo a {
    display: block;
    max-width: 237px;
}

/* Notification box */
.added-to-cart-wrapper, .no-items-on-cart-wrapper {
    position: fixed;
    top: 0;
    right: -200px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 220px;
    padding: 20px 0;
    margin: 10px;
    background: rgba(0, 0, 0, .8);
    border-right: 3px solid #f45b4f;
    box-shadow: 1px 1px 20px #c1c1c1;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.added-to-cart-wrapper.show-cart-notif, .no-items-on-cart-wrapper.show-no-items-notif {
    opacity: 1;
    right: 0;
}

.added-to-cart-wrapper a {
    text-decoration: underline !important;
    color: inherit;
}

.added-to-cart-wrapper a:hover {
    opacity: .7;
}

/*banner*/
section.hp-banner-area {
    margin-top: 33px;
}

.hp-banner-content {
    /* background: url(images/banner-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 74px 30px 99px; */
}

.hp-banner-content h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
    font-family: 'Jacob';
    letter-spacing: -.4px;
    line-height: 1.2;
    margin-right: 25px;
}

.hp-banner-content img {
    /* margin-left: 25px;
    width: 51.6%; */
    max-width: 100%;
}

.hp-banner-tac-link a {
    display: inline-block;
    font-size: 14px;
    margin: 10px 0;
}

.hp-banner-tac-link a:hover {
    opacity: .7;
}

/*form*/
section.subscribe-form-area {
    padding: 71px 0 73px;
}

.subscribe-form-holder {
    background: #ececec;
    font-size: 0;
    margin-top: 65px;
}

.subscribe-text span {
    text-align: center;
    font-family: 'Asap', sans-serif;
    color: #333333;
    font-size: 28px;
    display: block;
    line-height: 1.15;
    margin-bottom: 21px;
}

.subscribe-text p {
    font-size: 15px;
    text-align: center;
    color: #555555;
    text-shadow: 0px 0px 0px #000;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .1px;
    line-height: 1.8;
}

.sf-form input {
    border-radius: 0;
    color: #555555;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    width: 100%;
    height: 46px;
    padding: 0 10px;
    border: 1px solid #a1a1a1;
    letter-spacing: .3px;
}

.sf-form-btn.sf-field input {
    background: #f45b4f;
    border: 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.sf-form-btn.sf-field input:hover {
    background: #c6271a;
}

.sf-label {
    font-size: 20px;
    color: #333333;
    font-weight: 700;
    font-family: 'Asap', sans-serif;
    padding-top: 12px;
    width: 24.2%;
}

.sf-field {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}

.sf-field .ajax-loader {
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    opacity: 0;
}

.sf-field .ajax-loader.show-loader {
    opacity: 1;
}

.sf-error-message {
    font-size: 13px;
    color: #f45b4f;
    display: none;
}

.sf-error-message.show-error-message {
    display: block;
}

.subscribe-form-inner {
    max-width: 572px;
    margin: 0 auto;
    padding: 27px 0;
}

.sf-form {
    display: inline-block;
    vertical-align: top;
    width: 75.8%
}

.sf-long-field {
    width: 68.503%;
    margin-right: 16px;
}

.sf-form-btn.sf-field {
    width: 27.8%;
}

/*footer*/
footer.main-footer {
    background: #ececec;
    padding: 93px 0 18px;
    text-align: center;
}

.footer-title {
    font-size: 15px;
    color: #414141;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

/*footer smi*/
.footer-smi {
    font-size: 0;
    padding-top: 12px;
    text-align: center;
}

.footer-smi a img {
    width: 30px;
}

.footer-smi a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

.footer-smi a:hover {
    opacity: .8;
}

/*footer nav*/
ul.footernav li a {
    font-size: 13px;
    color: #414141;
    font-family: 'Open Sans', sans-serif;
}

ul.footernav li {
    margin-bottom: 13px;
}

ul.footernav {
    margin-top: 25px;
}

ul.footernav li a:hover {
    color: #f45b4f;
}

/*footer contacts*/
.footer-contacts span {
    font-size: 13px;
    color: #414141;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    display: block;
    margin-top: 21px;
    letter-spacing: .2px;
}

/*newsletter*/
.news-l-text {
    font-size: 13px;
    color: #414141;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .1px;
    margin-top: 25px;
    display: block;
}

.nl-form input {
    border-radius: 0;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    width: 100%;
    height: 37px;
    padding: 0 12px;
    border: 1px solid #ddd;
    letter-spacing: .3px;
}

.nl-form-btn.nl-field input {
    background: #f45b4f;
    border: 0;
    color: #fff;
    font-size: 13px;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.nl-form-btn.nl-field input:hover {
    background: #c6271a;
}

.nl-field {
    margin-bottom: 13px;
}


.nl-form-btn.nl-field {
    width: 92px;
}

.newsletter-form {
    max-width: 290px;
}

.nl-form {
    font-size: 0;
    margin-top: 15px;
}

/*copyright*/
.footer-copyright, .footer-copyright a {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    letter-spacing: .2px;
}

.payment-icons {
    text-align: center;
}

.payment-icons img {
    display: inline-block;
    vertical-align: middle;
    width: calc(6% / 2);
    margin: 14px 27px;
    opacity: .3;
}

.footer-copyright {
    margin-top: 31px;
}


/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner {
    position: relative;
    width: 100%;
}

.ip-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
}

.ip-banner canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 250px;
    background: #f9f7f7;
}

.ip-banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.ip-banner h1 {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.7;
}

.ip-banner h1 span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.01em;
}

/* Adjust minimum height of page area */
#content-sidebar, #content-full {
    min-height: 650px;
    margin-top: 20px;
}

/** Adjust width of content columns **/
#content-sidebar #content {
    width: 77.08%;
}

#content-full #content {
    width: 100%;
}

/* Adjust width of sidebar */
.sidebar {
    width: 20.83%;
}

/* fullwidth template */
.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
    margin-left: -15px;
    margin-right: -15px;
}

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu {
    line-height: 1.7
}

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {

}

p#breadcrumbs {
    font-size: 12px;
    color: #555;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 !important;
}

p#breadcrumbs span > span {
    margin: 0 10px;
}

p#breadcrumbs span > span:first-child {
    margin-right: 10px;
    margin-left: 0;
}

/*catalog template*/
.page-template-template-catalog .banner-holder .hp-banner-content {
    padding: 4px 0 0;
}

.banner-holder {
    overflow: hidden;
    margin-top: 33px;
}

.page-template-template-catalog .banner-holder .hp-banner-content img {
    margin-bottom: -31px;
}

.ip-cat-sort-field select {
    border-radius: 2px;
    color: #555555;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(images/ico-select.png) no-repeat scroll right 10px center;
    width: 100%;
    height: 33px;
    padding: 0 10px;
    border: 1px solid #ddd;
    letter-spacing: .3px;
}

.qs-form select::-ms-expand {
    display: none;
}

.ip-cat-sort-list span {
    color: #555;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .5px;
    margin-right: 9px;
}

.ip-cat-sort-list,
.ip-cat-sort {
    display: flex;
    align-items: center;
    margin-left: 21px;
    justify-content: flex-end;
}

.ip-cat-sort-field {
    width: 150px;
}

.ip-cat-title {
    color: #333;
    font-size: 31px;
    font-family: 'Open Sans', sans-serif;
}

.ip-catalog-header {
    font-size: 0;
    padding-top: 19px;
}

.ip-cat-sort-holder {
    display: inline-block;
    vertical-align: text-bottom;
    width: 55%;
    text-align: right;
    padding-top: 10px;
}

.ip-cat-text {
    font-size: 15px;
    color: #555;
    font-family: 'Open Sans', sans-serif;
    margin-top: 36px;
}

.ip-magazines-list-holder {
    font-size: 0;
    margin: 0 -15px;
    position: relative;
}

.ip-magaz-list {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 5);
    padding: 15px;
    margin-bottom: 4px;
}

.ip-magazines-no-result {
    font-size: 18px;
    text-align: center;
    margin-top: 40px;
}

.ip-magaz-list.show-item {
    display: inline-block;
}

.ip-magaz-list.hide-item {
    display: none;
}

.ip-magaz-list a {
    display: block;
    position: relative;
}

.ip-magaz-photo {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.ip-magaz-photo canvas {
    display: block;
    width: 100%;
}

.ip-magaz-list a:hover canvas {
    background: #fff;
    opacity: .2;
}

.ip-magaz-title {
    color: #555;
    font-size: 14px;
    line-height: 1.45;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    min-height: 40px;
}

.ip-magaz-details {
    margin-top: 10px;
}

.ip-magaz-price {
    font-size: 12px;
    color: #6e6e6e;
    font-family: 'Open Sans', sans-serif;
    margin-top: 4px;
}

.ip-magaz-price > span:not(.amount) {
    text-decoration: line-through;
    opacity: .7;
}

.ip-catalog-area {
    padding-bottom: 68px;
}

/*catalog details*/
.catalog-page-link a {
    font-size: 14px;
    font-weight: 700;
    color: #f45b4f;
}

.catalog-page-link a span {
    margin-top: 5px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.ip-cat-det-main-photo {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 23px;
}

.ip-cat-det-main-photo canvas {
    display: block;
    width: 100%;
}

.ip-cat-det-title {
    font-size: 30px;
    color: #555;
    font-family: 'Open Sans', sans-serif;
}

.ip-cat-det-price {
    font-size: 21px;
    color: #6e6e6e;
    font-family: 'Open Sans', sans-serif;
    margin-top: 9px;
    color: #f45b4f;
}

.ip-cat-det-price em {
    font-style: normal !important;
}

.ip-cat-det-audio,
.ip-cat-det-variation {
    margin: 10px 0;
    font-size: 14px;
}

.ip-cat-det-audio select {
    width: 100px;
    padding: 5px;
}

.ip-cat-det-variation select {
    padding: 5px;
}

.ip-cat-det-price span:not(.amount) {
    text-decoration: line-through;
    opacity: .7;
    font-size: 19px;
    color: #555;
}

.ip-cat-details-area {
    padding-top: 15px;
}

.ip-cat-det-addcart a,
.ip-cat-det-addcart span {
    display: inline-block;
    background: #f45b4f;
    color: #fff;
    text-align: center;
    min-width: 134px;
    height: 46px;
    font-size: 19px;
    line-height: 46px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ip-cat-det-addcart a:hover {
    background: #f7887f;
}

.ip-cat-det-addcart span {
    background-color: #a349a4;
    cursor: pointer;
}

.ip-cat-det-addcart span:hover {
    background-color: #9f5ea0;
}

.ip-cat-det-addcart .ajax-loader {
    display: none;
}

.ip-cat-det-addcart .ajax-loader.show-loader {
    display: block;
}

.ip-cat-det-desc {
    font-size: 15px;
    color: #555;
    font-family: 'Open Sans', sans-serif;
    margin-top: 30px;
}

.ip-cat-det-desc ul {
    margin-top: 16px !important;
}

.ip-cat-det-desc ul li {
    margin-bottom: 7px;
}

.ip-cat-det-seeinside {
    display: none;
}

.ip-cat-det-seeinside a {
    display: block;
    font-weight: 700;
    color: #555;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    border: solid 1px #d0d0d0;
    max-width: 294px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-top: 31px;
}

.ip-cat-det-seeinside a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.ip-cat-det-seeinside a:hover {
    border: solid 1px #f45b4f;
}

.ip-cat-details-area hr {
    clear: both;
    border-top: solid #ddd !important;
    border-width: 1px 0 0 !important;
    margin: 38px 0 31px;
    height: 0;
}

.ip-cat-det-share span {
    display: block;
    color: #555;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 19px;
}

.ip-cat-det-share a {
    display: block;
    background: #3b5998;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    text-align: center;
    max-width: 75px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ip-cat-det-share a:hover {
    background: #2d4373;
}

.ip-cat-det-share a em {
    font-size: 14px;
    top: 1px;
    margin-right: 5px;
}

.ip-cat-det-share {
    margin-top: 46px;
}

.ip-cat-det-thumbs {
    font-size: 0;
    margin: 10px -15px 45px;
    position: relative;
}

.ip-cat-thmb-list {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 4);
    padding: 15px;
}

.ip-cat-thmb-list a {
    display: block;
}

.ip-cat-thmb-list a:hover {
    opacity: .8;
}

.page-template-template-catalog-details .ip-magaz-list {
    width: calc(100% / 4);
}

.ip-cat-more-collection {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 6px;
}

.page-template-template-catalog-details .ip-magazines-list-holder {
    margin: 0 -15px 18px;
}

/*catalog process*/
.ip-cat-steps-label-holder {
    padding: 8px 0 14px;
    border-bottom: 1px solid #dddddd;
}

.ip-cat-steps-label-holder span {
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    color: #9b9b9b;
    font-family: 'Asap', sans-serif;
}

span.step-arrow {
    width: 14px;
    height: 14px;
    background: url(images/steps-arrow.png) no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 17px;
}

span.ip-cat-process-2 + .step-arrow {
    opacity: .4;
}

span.ip-cat-process-2.step-active + .step-arrow {
    opacity: 1;
}

.ip-cat-steps-label-holder span.step-active {
    color: #333333;
}

.ip-cat-wizzard-text {
    font-size: 16px;
    color: #555555;
    font-family: 'Asap', sans-serif;
    margin-top: 18px;
}

.child-info-form {
    font-size: 0;
    margin-top: 58px;
}

.ci-field.ci-label {
    font-size: 17px;
    font-weight: 700;
    color: #555555;
    font-family: 'Open Sans', sans-serif;
    width: 26.053%;
    padding: 8px 0 0;
}

/* .ci-field.ci-label.label-red {
    color: #f45b4f;
} */

.ci-field {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 24px;
    padding: 0 15px;
    width: 28.948%;
}

.ci-field.field-mobile select,
.ci-field.field-mobile input {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.ci-field.field-mobile select {
    font-size: 13px;
    border-right: none;
}

.ci-field .ajax-loader {
    display: none;
}

.ci-field .ajax-loader.show-load {
    display: block;
    margin-top: 10px;
}

input#cischoolname {
    color: #555555;
}

.school-list {
    position: absolute;
    width: 90%;
    top: 100%;
    left: 16px;
    height: auto;
    max-height: 285px;
    z-index: 6;
    background: #fff;
    box-shadow: 1px 1px 5px 0px #2c2c2c;
    display: none;
}

.search-school-wrap {
    padding: 10px;
}

.search-school-wrap input {
    font-size: 14px !important;
}

.school-list ul {
    margin-left: 0 !important;
    overflow-y: scroll;
    height: auto;
    max-height: 150px;
}

.school-list ul li {
    font-size: 14px;
    margin-left: 0 !important;
    padding-left: 10px;
    cursor: pointer;
}

.school-list ul li:hover {
    background: #006fc0;
    color: #fff;
}

.ci-field input,
.ci-field select {
    border-radius: 0px;
    color: #9b9b9b;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    width: 100%;
    height: 46px;
    padding: 0 9px;
    border: 1px solid #a1a1a1;
    letter-spacing: .3px;
    transition: all .325s ease-in-out;
}

.ci-field select.is-disabled {
    background-color: #ececec;
}

.name-Internet_Explorer .ci-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.name-Internet_Explorer .ci-field select::-ms-expand {
    display: none;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

.ci-field input.empty-field,
.ci-field select.empty-field,
span.select2-selection.select2-selection--single.empty-field {
    border-color: red;
}

.ci-field input:focus,
.ci-field select:focus {
    border-color: #a1a1a1 !important;
}

.ci-field-warning {
    font-size: 13px;
    color: #f45b4f;
    display: none;
}

.ci-field-warning.show-warning {
    display: block;
}

.ci-field select {
    color: #555555;
    background: transparent url(images/dd-arrow.png) no-repeat scroll right 10px center;
}

.select-school-warning,
.select-district-warning {
    font-size: 14px;
    color: #f45b4f;
    display: none;
}

.ci-field.ci-birthday span {
    display: inline-block;
    vertical-align: top;
    width: 62px;
    margin-right: 19px;
}

.ci-field.ci-birthday span:last-child {
    width: 81px;
    margin-right: 0;
}

.ci-field.ci-birthday span input {
    padding: 0 0;
    text-align: center;
}

.ci-field.ci-label-warning {
    font-size: 15px;
    color: #f45b4f;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    padding: 26px 0 0;
    width: 26.053%;
}

.steps-btn a {
    display: inline-block;
    vertical-align: top;
    background: #f45b4f;
    color: #fff;
    text-align: center;
    width: 120px;
    height: 46px;
    font-size: 20px;
    line-height: 46px;
    font-family: 'Asap', sans-serif;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-right: 21px;
}

.steps-btn a:hover {
    background: #f7887f;
}

.ci-field.steps-btn {
    margin-top: 14px;
}

.ci-field.steps-btn .ajax-loader {
    opacity: 0;
    margin-top: 14px;
}

.ci-field.steps-btn .ajax-loader.show-loader {
    opacity: 1;
}

.steps-btn a:last-child {
    margin-right: 0;
}

div#ip-cat-step-1 {
    padding-bottom: 32px;
}

.ci-field.ci-info {
    font-size: 15px;
    color: #555555;
    font-family: 'Open Sans', sans-serif;
}

.ci-field.ci-info.ci-class {
    padding-top: 8px;
    color: #f45b4f;
}

.ci-field.ci-info em {
    line-height: 1.5;
    display: block;
}

.school-selection-form {
    font-size: 0;
    margin-top: 40px;
}

.school-selection-form .ci-field.ci-label,
.school-selection-form .ci-field.ci-label-warning {
    width: 16.492%;
}

.school-selection-form span.select2.select2-container.select2-container--default {
    width: 100% !important;
    font-size: 13px;
}

.school-selection-form span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single {
    border-radius: 0;
    padding: 8px 0;
    min-height: 46px;
}

.school-selection-form span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single span.select2-selection__arrow {
    display: none;
}

div#ip-cat-step-2 {
    margin-bottom: 55px;
}

div#ip-cat-step-3 .ip-cat-wizzard-text p {
    margin-bottom: 28px !important;
}

div#ip-cat-step-3 .steps-btn {
    margin-top: 55px;
}

div#ip-cat-step-3 {
    margin-top: 45px;
}

div#ip-cat-step-4 {
    margin-top: 45px;
    padding-bottom: 57px;
}

div#ip-cat-step-4 .steps-btn {
    margin-top: 45px;
}

.ip-cat-wizzard-summary span {
    color: #555555;
    font-size: 15px;
    display: block;
    margin-top: 16px;
    font-family: 'Open Sans', sans-serif;
}

.ip-cat-wizzard-summary {
    font-size: 28px;
    color: #333333;
}

.ip-cat-product-details {
    max-width: 842px;
    margin-top: 15px;
}

.ip-cat-prod-field {
    display: inline-block;
    vertical-align: top;
    width: 24.11%;
    margin-bottom: 10px;
    font-size: 15px;
    color: #555555;
    font-family: 'Open Sans', sans-serif;
}

.ip-cat-prod-field.summary-confirmed-delivery-type {
    font-weight: 700;
}

.ip-cat-prod-field.summary-delivery-type span {
    display: none;
}

.ip-cat-prod-field.summary-delivery-type.show-distribute-at-school span:first-child {
    display: block;
}

.ip-cat-prod-field.summary-delivery-type.show-post-to-home span:nth-child(2) {
    display: block;
}

.ip-cat-prod-row .ip-cat-prod-field:first-child {
    width: 51.782%;
}

.ip-cat-prod-row {
    font-size: 0;
}

.ip-prod-price {
    text-align: right;
}

.ip-cat-product-details hr {
    clear: both;
    border-top: solid #ddd !important;
    border-width: 1px 0 0 !important;
    margin: 28px 0 35px;
    height: 0;
}

.ip-cat-summ-child-details,
.ip-cat-confirmed-delivery-type {
    max-width: 842px;
}

.ip-cat-prod-field.conf-del-label {
    font-size: 17px;
}

.ip-cat-summ-child-details {
    margin-bottom: 34px;
}

.ip-cat-confirmed-delivery-type {
    margin-bottom: 53px;
}

div#ip-cat-step-1 a.wizzard-step-prev.not-active {
    background: #f7887f;
    pointer-events: none;
    user-select: none;
}

/* Cart page */
.cart-wrapper {
    padding: 70px 0px;
    text-align: center;
    font-size: 0;
}

.cart-content-title {
    font-size: 26px;
    font-weight: 700;
}

.empty-cart-content-subtitle {
    font-size: 14px;
    color: #69727b;
}

.empty-cart a {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: block;
    max-width: 235px;
    margin: 10px auto;
    padding: 10px 0;
    background: #f45b4f;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}

.empty-cart a:hover {
    background: #c6271a;
}

.empty-cart a span {
    margin-left: 5px;
    font-size: 12px;
}

.cart-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 66px;
}

.cart-table tr {
    border-bottom: 1px solid #dddddd;
}

.cart-table th {
    font-size: 12px;
    font-weight: 400 !important;
    padding: 27px 0;
    text-align: right;
}

.cart-table th:first-child,
.cart-table td:first-child,
.cart-table td:nth-child(2) {
    text-align: left;
}

.cart-table td {
    text-align: right;
    padding: 22px 0;
    font-size: 13px;
    font-weight: 400 !important;
}

.cart-table .cart-product-image {
    width: 130px;
}

.cart-table .cart-product-name span {
    font-size: 12px;
    color: #f45b4f;
    cursor: pointer;
}

.cart-table .cart-product-collection-handle {
    font-size: 10px;
    color: #6f6f6f;
}

.cart-table .cart-product-name span:hover {
    opacity: .7;
}

.cart-table .cart-product-name div:nth-child(2),
.cart-table .cart-product-name div:nth-child(3) {
    color: #6f6f6f;
}

.cart-table .cart-product-image img {
    max-height: 100px;
}

.cart-table .cart-product-quantity input {
    text-align: center;
    width: 60px;
    padding: 10px 5px;
    border: 1px solid #949494;
    border-radius: 2px;
    background-color: #fff;
}

.cart-table .cart-product-quantity input[disabled] {
    display: none;
}

.cart-table .cart-product-quantity-readonly {
    border-color: #e0e0e0 !important;
    color: #999;
    cursor: not-allowed;
}

.cart-bottom {
    padding-top: 41px;
}

.cart-bottom > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.cart-col.cart-note {
    text-align: left;
    opacity: 0;
    pointer-events: none;
}

.cart-add-note-link {
    font-size: 14px;
    cursor: pointer;
    color: #f45b4f;
    display: inline;
}

.cart-add-note-link:hover {
    opacity: .7;
}

.cart-note-field {
    display: none;
}

.cart-note-field textarea {
    width: 100%;
    height: 100px;
    font-size: 13px;
    resize: none;
    padding: 7px;
}

.cart-col.cart-subtotal-wrapper {
    text-align: right;
}

.cart-subtotal-wrapper .subtotal-row.cs-label-value {
    font-size: 13px;
    padding-bottom: 9px;
}

.subtotal-row > span {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

.subtotal-row > span:first-child {
    font-weight: 600;
}

.cart-subtotal-wrapper .subtotal-row.cs-note {
    font-size: 10px;
    color: #69727b;
}

.subtotal-row.cs-actions {
    padding-top: 45px;
}

.subtotal-row.cs-actions div {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 0;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.subtotal-row.cs-actions .ajax-loader {
    display: none;
    margin-left: auto;
    margin-top: 10px;
}

.subtotal-row.cs-actions .ajax-loader.show-loader {
    display: block;
}

.subtotal-row.cs-actions div:hover {
    opacity: .7;
}

.btn-cart-update {
    min-width: 99px;
    color: #557b97;
    border: 1px solid #557b97;
}

.btn-cart-checkout {
    min-width: 129px;
    color: #fff;
    background: #557b97;
    margin-left: 10px;
}

.confirm-childs-info-page + img {
    opacity: 0;
}

.confirm-childs-info-page + img.show-loader {
    opacity: 1;
}

/* Terms and Conditions */
.tac-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.tac-wrapper .entry-title {
    font-size: 32px;
}

.tac-wrapper ol li {
    font-size: 16px;
}


/* 404 page */
.error-page-cf-wrap {
    display: none;
}

/* IE 9-11 nag message */

.ie-nag-message {
    color: #f45b4f;
    padding: 20px;
    font-size: 21px;
    background: #ececec;
    text-align: center;
    font-weight: bold;
}

.ip-magaz-controls {
    position: relative;
    margin-top: 8px;
}

.ip-magaz-controls span {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    width: calc(50% - 8px);
    margin: 0 4px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}

.ip-magaz-controls span:hover {
    opacity: .7;
}

.ip-magaz-controls span:first-child {
    background: #f45b4f;
}

.ip-magaz-controls span:last-child {
    background-color: #a349a4;
}

.ip-magaz-controls > p.custom-btns {
    font-size: 15px !important;
}

.ip-magaz-list .ajax-loader {
    display: none;
}

.ip-magaz-list .ajax-loader.show-loader {
    display: block;
}

.gift-preview {
    margin-top: 16px;
    max-width: 500px;
    width: auto !important;
}

.ip-cat-prod-field.summary-complimentary-gift-preview {
    display: block;
}

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */