/* Fonts */ @font-face { font-family: TheAntiquaB-W6SemiBold; src: url(../fonts/TheAntiquaB-C2sOT/TheAntiquaB-W6SemiBold.otf); } .cover-header-image{ /*display: none;*/ } .backtofaq{ display: block; } .backtofaq a{ letter-spacing: 0.1rem; font-family: 'Open Sans', sans-serif; font-size: 1.5rem; color: #2e3942; } .backtofaq a:hover{ letter-spacing: 0.1rem; font-family: 'Open Sans', sans-serif; font-size: 1.5rem; color: #129af0; } .ion-ios-home{ font-size: 2rem; } .faq-header-image{ background-image: url("../../images/faq-banner.png"); background-position: center center; border-bottom: none; margin-bottom: 0; text-align: center; height: 50%; background-repeat: no-repeat; background-size: cover; } .srch{ border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .srch-icon{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .search-bar { background-color: #f4f8f9; /*text-align: center;*/ font-family: 'Open Sans', sans-serif; } .search-input{ width: 100% !important; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 12px; /* Firefox 1-3.6 */ -moz-border-radius: 12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 12px; } .search-input::placeholder{ font-size: 0.95rem; } .search-btn{ /*margin-top: 5px; margin-bottom: 5px; Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 3px; /* Firefox 1-3.6 */ -moz-border-radius: 3px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 3px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 2px; } .faq-buttons.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; } .faq-label{ margin-top: 3rem; text-align: left; font-size: 20px; padding: 1rem; background-color: #f4f8f9; margin-bottom: 5px; color:rgb(42, 48, 59); font-family: 'Open Sans', sans-serif; } .faq-category-list { /*margin-top: 20px;*/ margin-bottom: 45px; } .faq-category-list h2.m-0.font-weight-bold { font-size: 1.25rem!important; } h1.border-bottom.pb-2.mt-5.font-weight-bold { font-size: 1.6rem; } .faq-buttons h3 { font-size: 0.875rem!important; margin-bottom: 0px; } .faq-category-list .card-body .card-body { padding-right: 0px; padding-left: 0px; font-size: 14px; } .faq-category-header{ text-align: center; } .faq-category-header .btn{ font-weight: lighter; color: dimgray; text-decoration: none; width: 100%; white-space: normal; text-align: left; margin: 0px; padding: 0px; } .faq-category-header .btn-link:hover{ color: #000; } .faq-buttons{ margin-bottom: 5px; display: inline; /*font-size: 1rem !important;*/ word-break: keep-all; overflow-wrap: break-word; display: inline; text-align: left; font-weight: bold; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 12px; /* Firefox 1-3.6 */ -moz-border-radius: 12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ padding: 10px; border: 1px solid #d2d2d2; border-radius: 3px; } .faq-buttons svg{ transform: scale(0.7); } .faq-buttons[aria-expanded="true"] svg{ color:#6c757d; font-style: normal; font-weight: 900; margin-left: 14px; transform: rotate(180deg)scale(0.7); } .faq-buttons[aria-expanded="false"] svg{ color:#6c757d; font-style: normal; font-weight: 900; margin-left: 14px; } .btn-outline-secondary:hover{ color: #6c757d; background-color: #fff; border-color: #fff; } .btn-outline-secondary.focus, .btn-outline-secondary:focus{ box-shadow: none; } .disabled_btn{ pointer-events: none; cursor: no-drop !important; background-color: #6c757d; border-color: #6c757d;} .card-header{ font-weight: bold; background-color: #fff; padding: 0px; } .card-header .btn[aria-expanded=true] { font-weight: bold; } .card-body{ /*width: 950px;*/ /*padding-left: 4.25rem;*/ /*padding-right: 4.25rem;*/ } .faq-content-box{ margin-bottom: 5px; } .faq-survey{ margin-top: 15px; width: 100%; text-align: center; } .faq-survey label{ font-weight: bold; color: #6c757d; } .faq-question-label{ color: #6c757d; vertical-align: middle; display: flex; justify-content: center; align-items: center; font-weight: bold; } .help-btn{ font-size: smaller; } .easy-autocomplete{ width:100% !important; } /*.easy-autocomplete-container{*/ /*margin-top: 5%;*/ /*}*/ .easy-autocomplete-container{width: 100% !important;} .easy-autocomplete-container ul{display: none; position: absolute; width: 100% !important; z-index: 99999999999; margin: 0; padding: 0; background-color: #fff; text-align: left; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border: solid 1px #cccccc; border-top: none; color: #16212c; font-weight: 400; font-size: 14px;} .easy-autocomplete-container ul li{width: 100% !important; list-style: none; text-decoration: none; padding: 15px; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6;} easy-autocomplete-container ul li a{ text-decoration: none; display: block; /*color: #ffffff;*/ } .easy-autocomplete-container ul li:hover{ text-decoration: none; color: #ffffff; background-color: #129af0; cursor: pointer; } .easy-autocomplete-container ul li:hover a{ text-decoration: none; color: #ffffff; background-color: #129af0; cursor: pointer; } .eac-item{ cursor: pointer; color: #a3a3a3; } .eac-item a{ cursor: pointer; color: #a3a3a3; } .eac-item:hover a{ cursor: pointer; color: #ffffff; text-decoration: none; } .pagination{ display: none; } .no-result{ font-size: 3em; font-style: italic; } :target{ display: block; position: relative; top: 0px !important; } /* ----------- iPhone 4 and 4S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .faq-category-header .btn { font-size: 1rem; text-align: left; } .card-body {width: 325px;} .faq-buttons{} .searchQ { margin-top: 10px; } .faq-buttons[aria-expanded="true"] .icon-image:before{ margin-left: 3.5px !important; } .faq-buttons[aria-expanded="false"] .icon-image:after{ margin-left: 3.5px !important; } } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .faq-category-header .btn { font-size: 1rem; } .card-body { padding-left: 1rem; padding-right: 1rem; } .faq-buttons{ } } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .faq-category-header .btn { font-size: 1rem; } .card-body { padding-left: 1rem; padding-right: 1rem; } .faq-buttons { } .searchQ { margin-top: 10px; } } /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .faq-category-header .btn { font-size: 1rem; } .card-body { padding-left: 1rem; padding-right: 1rem; } .faq-buttons { } } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .faq-category-header .btn { font-size: 1rem; } .card-body { padding-left: 0rem !important; padding-right: 0rem !important; width: 100%; } .faq-buttons{ } } /* Landscape */ /* ----------- iPhone 6 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { .faq-category-header .btn { font-size: 1rem; } .card-body { padding-left: 1rem; padding-right: 1rem; } .faq-buttons{ } .searchQ { margin-top: 10px; } } /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .faq-category-header .btn { font-size: 1rem; } .card-body { padding-left: 0rem !important; padding-right: 0rem !important; width: 100%; } .faq-buttons{ } .searchQ { margin-top: 10px; } } /* ----------- iPhone 6+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { .searchQ { margin-top: 10px; } } /* Portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .searchQ { margin-top: 10px; } } /* Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { #banner2{ margin-top: 50px; background-position: center center; background-size:cover; width: 100%; text-align: center; /*padding-top:35%;*/ } .searchQ { margin-top: 10px; } } /* ----------- Galaxy S3 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) { } /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { .searchQ { margin-top: 10px; } } /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { .searchQ { margin-top: 10px; } } /* ----------- Galaxy S4 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { .searchQ { margin-top: 10px; } } /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .searchQ { margin-top: 10px; } } /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .searchQ { margin-top: 10px; } } /* ----------- Galaxy S5 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { .searchQ { margin-top: 10px; } } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .searchQ { margin-top: 10px; } } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .searchQ { margin-top: 10px; } } /* ----------- HTC One ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .searchQ { margin-top: 10px; } } /* ----------- iPad mini ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .navbar-nav.back { display: block; } .return-action { font-size: 13px; } /*.searchQ { margin-top: 10px; }*/ } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .searchQ { margin-top: 10px; } } /* ----------- iPad 1 and 2 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- iPad 3 and 4 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { } /* ----------- Galaxy Tab 10.1 ----------- */ /* Portrait and Landscape */ @media (min-device-width: 800px) and (max-device-width: 1280px) { } /* Portrait */ @media (max-device-width: 800px) and (orientation: portrait) { } /* Landscape */ @media (max-device-width: 1280px) and (orientation: landscape) { } /* ----------- Asus Nexus 7 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) { } /* Portrait */ @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait) { } /* Landscape */ @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) { } /* ----------- Kindle Fire HD 7" ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) { } /* Portrait */ @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) { } /* ----------- Kindle Fire HD 8.9" ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) { } /* Portrait */ @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) { } /* ----------- Non-Retina Screens ----------- */ @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- Retina Screens ----------- */ @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { }