/* Theme Name: Medisafe Author: Medisafe Inc. Author URI: http://www.medisafe.com/ Description: Version: 2.0 */ /* note: you can compress this using csscompressor.com and save to style.css */ /* WEB FONTS */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/315498"); @import url("//hello.myfonts.net/count/2e7dc1"); @font-face { font-family: "AvantGardeGothicITCW01Bd"; src: url('webfonts/315498_0_0.eot'); src: url('webfonts/315498_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/315498_0_0.woff2') format('woff2'), url('webfonts/315498_0_0.woff') format('woff'), url('webfonts/315498_0_0.ttf') format('truetype'); } @font-face { font-family: "AvantGardeGothicITCW01Bk"; src: url('webfonts/2E7DC1_0_0.eot'); src: url('webfonts/2E7DC1_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2E7DC1_0_0.woff2') format('woff2'), url('webfonts/2E7DC1_0_0.woff') format('woff'), url('webfonts/2E7DC1_0_0.ttf') format('truetype'); } @font-face { font-family: "AvantGardeGothicITCW02Dm"; src: url('webfonts/2E7DC1_1_0.eot'); src: url('webfonts/2E7DC1_1_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2E7DC1_1_0.woff2') format('woff2'), url('webfonts/2E7DC1_1_0.woff') format('woff'), url('webfonts/2E7DC1_1_0.ttf') format('truetype'); } @font-face { font-family: 'AvantGardeGothicITCW02XLt'; src: url('webfonts/2E7DC1_2_0.eot'); src: url('webfonts/2E7DC1_2_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2E7DC1_2_0.woff2') format('woff2'), url('webfonts/2E7DC1_2_0.woff') format('woff'), url('webfonts/2E7DC1_2_0.ttf') format('truetype'); } @font-face { font-family: "ITCAvantGardeStd-Md"; src: url('webfonts/hinted-ITCAvantGardeStd-Md.eot'); src: url('webfonts/hinted-ITCAvantGardeStd-Md.eot?#iefix') format('embedded-opentype'), url('webfonts/hinted-ITCAvantGardeStd-Md.woff2') format('woff2'), url('webfonts/hinted-ITCAvantGardeStd-Md.woff') format('woff'), url('webfonts/hinted-ITCAvantGardeStd-Md.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*------ [ RESET ] ------*/ /*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: "Helvetica", Arial, sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } template, [hidden] { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; cursor: pointer; } a:active, a:hover { outline-width: 0; text-decoration: none; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } .row br { display: none; } .row { margin: 30px 0 0 0; } ul { padding: 0; } b, strong { font-weight: inherit; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } button, input, optgroup, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: bold; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } @-ms-viewport { width: device-width; } html { font-size: 16px; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #818a91; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #0275d8; text-decoration: none; } a:focus, a:hover { color: #014c8c; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: none; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #818a91; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { line-height: inherit; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { height: 150px; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } /* custom styles */ body { background-color: #222; font: 18px/27px "Helvetica", Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 27px; margin: 0; color: #1D2228; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, p, blockquote, figure, .menu li { margin: 0; padding: 0; } h1, h2, h3, h4 { font-size: inherit; } strong { font-weight: 700; } a, button { color: inherit; transition: .3s; } button { overflow: visible; border: 0; font: inherit; -webkit-font-smoothing: inherit; letter-spacing: inherit; background: none; cursor: pointer; } ::-moz-focus-inner { padding: 0; border: 0; } :focus { outline: 0; } article, aside, details, figcaption, figure, header, hgroup, menu, nav, section, summary { display: block; position: relative; margin: 0; padding: 0; } .cf:after, .outside:after, .wrapper:after, .menu:after, li.gfield:after, .ginput_complex:after { display: block; clear: both; content: " "; height: 0; overflow: hidden; } .alignright { float: right; margin: 0 0 20px 20px; clear: left; } .alignleft { float: left; margin: 0 20px 20px 0; } .aligncenter { display: block; text-align: center; margin: 0 auto; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } .hide, .hide-desktop, .hide-tablet, .hide-mobile { display: none; } .padded { margin: 20px; } img { max-width: 100%; height: auto; border: 0; } .wp-caption-text { font-style: italic; font-size: 15px; line-height: 22px; } p:empty { display: none; } /*------ [ GENERAL ] ------*/ h1, h2 { font-weight: 700; font-size: 22px; line-height: 1.4; color: #1D2228; margin-bottom: 10px; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; font-weight: normal; font-style: normal; } @media screen and (min-width: 768px) { h2 { font-size: 32px; line-height: 48px; } } h3 { font-family: "AvantGardeGothicITCW01Bk", "Helvetica", Arial, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 24px; line-height: 36px; color: #7186A0; } h1 { font-size: 48px; line-height: 72px; } h4 { font-family: "Helvetica", Arial, sans-serif; font-weight: 700; font-size: 18px; line-height: 27px; color: #1D2228; } .blue-bg { background: #156dae; background-color: #156dae !important; border: none !important; color: #fff !important; } #page-title h1 { font-weight: 700; font-size: 32px; line-height: 45px; color: #fff; margin-bottom: 10px; } @media (min-width: 544px) { #page-title h1 { font-size: 48px; line-height: 55px; } } h3 { font-weight: 700; font-size: 24px; color: #1f4a7e; margin-bottom: 10px; } h4 { margin-bottom: 10px; } h5 { color: #999; } h6 { color: #999; } p, li { color: #424242; margin-bottom: 20px; } blockquote { display: block; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; font: italic normal 18px/26px Georgia, Times, serif; color: #777; text-align: center; margin: 0 auto 20px; padding: 20px 0; } blockquote p { font: italic normal 18px/26px Georgia, Times, serif; margin: 0 auto 10px; width: 80%; } cite { color: #7186a0; clear: both; font-size: 16px; display: block; } a { color: #2d89cd; text-decoration: none; font-weight: normal; } a:hover { color: #0d5b94; text-decoration: none; } table { border: 3px solid #d4d4d4; } th { background-color: #2d3741; color: #fff; } th + th { border-left: 1px solid #d4d4d4; } tr { border-bottom: 1px solid #d4d4d4; } td { border-left: 1px solid #d4d4d4; } .button.border-white { border: 3px solid #fff; } .white { color: #fff; } /*------ [ STRUCTURE ] ------*/ .outside, .wrapper { position: relative; background-color: #fff; } .wrapper { max-width: 1280px; margin: 0 auto; padding: 0 20px; background-color: transparent; } .narrow-wrapper { max-width: 820px; margin: 0 auto; background-color: transparent; } .featured-video { text-align: center; } .featured-video .app-dl-links { float: none; display: inline-block; margin: 0 auto; text-align: center; } .segment-icons .nested-col-3 { width: 100% !important; } @media (min-width: 450px) and (max-width: 899px) { .portal .nested-col-3 { width: 49%; float: left; } } @media (min-width: 600px) and (max-width: 900px) { .updates .nested-col-3, .updates .nested-col-4 { width: 49%; float: left; } } @media (min-width: 768px) { .narrow-wrapper .col-5 { width: 505px; width: 61.58%; } .narrow-wrapper .col-3 { width: 295px; width: 35.97%; } .featured-video .app-dl-links { float: right; } .featured-video { text-align: left; } .segment-icons .nested-col-3 { width: 49% !important; float: left !important; } } .featured-video .intro:before { content: ""; display: block; width: 38px; height: 38px; background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/blue-play-icon.png) 0 0 no-repeat; float: left; margin-right: 10px; margin-top: -6px; } @media (min-width: 1280px) { .sidebar { float: right; margin: 20px 0 40px; } } /*------ [ PRIMARY NAVIGATION BAR (PNB) ] ------*/ #primary { background: #fff; background-size: contain; font-size: 14px; line-height: 20px; height: 85px; position: relative; } #pnb { font-family: "AvantGardeGothicITCW02Dm", "Helvetica", Arial, sans-serif; width: auto; display: block; text-align: center; z-index: 1; } #pnb ul { padding: 0; } #header-image { position: absolute; left: 20px; display: block; padding: 30px 0 0 0; z-index: 2; } .download-cta { position: absolute; right: 20px; top: 0; display: block; padding-top: 20px; z-index: 2; } .button { font-weight: normal; display: inline-block; border: 3px solid #ea3f22; border-radius: 2em; padding: 10px 20px; color: #fff; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; line-height: 1; text-align: center; } /* .button:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.1))); background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.1)); background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.1)); background-image: -ms-linear-gradient(top, transparent, rgba(0,0,0,0.1)); background-image: -o-linear-gradient(top, transparent, rgba(0,0,0,0.1)); background-image: linear-gradient(top, transparent, rgba(0,0,0,0.1)); } */ /* button size variations */ .btn-sm { font-size: 16px; min-width: 190px; height: 45px; padding: 0 22px; padding-top: 14px; text-align: center; } @media (max-width: 768px) { .solutions ul li { padding-left: 0; } } .btn-lg { font-size: 15px; height: 60px; padding: 0 20px; padding-top: 23px; } .career-intro .button { background-color: #2d89cd !important; } @media (min-width: 500px) { .btn-lg { min-width: 290px; font-size: 20px; padding: 0 40px; padding-top: 22px; } } a.button { color: #36404d; } .download-cta a { color: #36404d; } /* ===== All Levels ===== */ #menu-primary-navigation li { position: relative; } #menu-primary-navigation li a { display: block; position: relative; color: #7186a0; font-size: 16px; text-align: center; margin: 0; padding: 40px 35px 27px 0; line-height: 1; } /* ===== First Level Only ===== */ #menu-primary-navigation > li { display: inline-block; } #menu-primary-navigation > li:hover { background-color: #fff; } #pnb .current-menu-item a, #pnb .current-page-ancestor a { color: #36404d !important; } .page-child .navbar-nav .current-menu-item a { color: #36404d; } .page-numbers { display: none; } .pagination { text-align: center; } .pagination h2 { display: none; } .nav-links { max-width: 400px; overflow: hidden; display: block; margin: 0 auto; } .next, .prev { display: inline-block !important; padding: 35px 35px 0 35px; color: #c3ccd7; } .next { float: left; } .prev { float: right; } .prev:after, .next:before { content: ""; display: block; float: right; margin-top: 8px; margin-left: 10px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 8px; border-color: transparent transparent transparent #c3ccd7; } .next:before { float: left; width: 0; margin-right: 10px; height: 0; border-style: solid; border-width: 5.5px 8px 5.5px 0; border-color: transparent #c3ccd7 transparent transparent; } .next, .prev { color: #2d89cd; } .next:before { color: #2d89cd; border-color: transparent #2d89cd transparent transparent; transition: 0.3s; } .prev:after { color: #2d89cd; border-color: transparent transparent transparent #2d89cd; transition: 0.3s; } /*------ [ CONTENT ] ------*/ #sidebar-wrap { width: 100%; float: left; } .fact-boxes, .research .col-4 { width: 100% !important; } @media (min-width: 1000px) { #sidebar-wrap { float: right; overflow: hidden; width: 400px; } .fact-boxes { width: 57.66% !important; } .research .col-4 { width: 32.25% !important; } } #sticky-parent { overflow: hidden; } .sidebar-wrap { -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } @media screen and (min-width: 992px) { .sidebar-wrap.stick { width: 400px !important; padding-right: 0; } .stick .sidebar { width: 400px; margin-top: 80px !important; } .stick .col-4 { width: 100%; } .sidebar { float: right !important; } .stick { margin-left: 850px; } } @media screen and (min-width: 992px) { .sidebar-wrap.stick.has-bottomed { top: auto; bottom: 0; } } .content-banner { background: #156eaf; padding: 20px; position: relative; max-height: 464px; height: auto; } @media (min-width: 768px ) { .content-banner { padding: 170px 0 75px 0; height: 464px; } } .content-banner .wrapper { padding: 0 20px; } .sm-height .wrapper { padding: 0 20px !important; } .content-banner p { color: #fff; max-width: 395px; } .content-banner h1, .content-banner h2 { color: #fff; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1); } .content-banner h1 { font-size: 30px; } .content-banner h2 { font-size: 25px; } @media (min-width: 768px) { .content-banner h1 { font-size: 48px; } .content-banner h2 { font-size: 32px; } } .press-full { background: #4e5f75; height: 85px; display: none; } .press-full .press-mentions { position: relative; bottom: auto; } .press-cta .toggle-section { text-align: left; background: transparent; } .more-stories { background: #4e5f75; text-align: center; padding: 40px 0; height: 120px; } .more-stories .button { height: 45px; padding-top: 14px; } .white-bg { background: #fff; border: none; font-size: 16px; } /*------ [ WIDGETS ] ------*/ /*------ [ GRAVITY FORMS BASE STYLES ] ------*/ fieldset { border: none; margin: 0 0 20px; padding: 0; } input, textarea, select { border: 1px solid #c3ccd7; border-radius: 0; outline: none; background-color: #fff; font-size: 18px; line-height: 20px; color: #1d2228; width: 100%; margin: 0; padding: 14px 9px; cursor: pointer; } textarea, select, input:not([type=checkbox]):not([type=radio]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { line-height: 27px; } select, label { cursor: pointer; } option { margin: 8px 0; } input[type=submit] { background-color: #2d89cd; border: 0; border-radius: 100px; font: normal 20px/20px "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; color: #fff; width: 55%; padding: 23px 40px 18px; cursor: pointer; } input[type=submit]:hover { background-color: #156dae; } input:focus, textarea:focus { border-color: #2d89cd; } select:focus { outline: none; } /* File upload overrides */ .file-upload { position: relative; } .file-upload label { display: block; border: 1px solid #c3ccd7; background: #fff url(https://medisafe.com/main-site/wp-content/uploads/2017/02/icon-file-upload.png) no-repeat 0 0; background-size: 46px 46px; font-size: 18px; line-height: 20px; color: #9eaaba; padding: 12px 56px; } .file-upload .ginput_container_fileupload { width: 100%; margin-top: -51px; } .file-upload .gform_button_select_files { border: 1px solid transparent; border-radius: 0; background-color: transparent; font-size: 18px; line-height: 20px; filter: alpha(opacity=0); opacity: 0; width: 100%; cursor: pointer; } .ginput_preview { margin-top: 8px; } .ginput_preview strong { font-weight: normal; font-size: 15px; color: #1d2228; } /* GForms-specific */ .gform_body .gfield, .gfield_radio li { list-style-type: none; } .gform_heading { line-height: 27px; margin-bottom: 18px; } ul.gform_fields { margin: 0 0 20px; } li.gfield { margin: 0 0 10px; } .ginput_container_name span { float: left; width: 50%; } .ginput_container_name span.name_first input { width: 95%; } .ginput_container_select { position: relative; background-color: #fff; border: 1px solid #c3ccd7; width: 100%; overflow: hidden; } .ginput_container_select:after { content: " "; display: block; position: absolute; top: 20px; right: 10px; border-top: 9px solid #7186a0; border-right: 7px solid transparent; border-left: 7px solid transparent; width: 0; height: 0; } .gfield_select { border: none; box-shadow: none; background: white; background-image: none; } .gfield_select::-ms-expand { border: 0; background-color: white; } .gfield_radio input { width: auto; margin-right: 10px; } /* Error messages */ .validation_error { line-height: 27px; color: #ea3f22; margin-bottom: 20px; } .validation_message { font-size: 15px; line-height: 22px; color: #ea3f22; margin-top: 8px; } .gfield_error input { border-color: #ea3f22; } /* Placeholders */ ::-webkit-input-placeholder { color: #9eaaba; opacity: 1 !important; } :-moz-placeholder { color: #9eaaba;} ::-moz-placeholder {color: #9eaaba;} :-ms-input-placeholder {color: #9eaaba;} /* Show/Hide form elements */ label, .file-upload .gform_drop_instructions, .file-upload #extensions_message, .file-upload .validation_message { display: none; } .show-label label { display: inline-block; } /*------ [ FOOTER ] ------*/ footer { background-color: #1d2228; padding: 80px 0; } footer #text-2 a { display: inline-block; width: 90px; height: 42px; z-index: 10000; } footer .medisafe-logo { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/pill-footer.svg) 0 0 no-repeat; content: ""; width: 85px; height: 40px; background-size: 100%; display: block; } footer .textwidget p { color: #c3ccd7; } footer .app-dl-links { padding: 0; text-align: left; } @media (min-width: 700px) and (max-width: 1000px) { footer .widget { width: 33.333% !important; float: left; margin-right: 4%; margin-left: 0 !important; } footer .widget:last-child { margin-right: 0; } footer #text-2 { width: 18.75% !important; } footer #nav_menu-4 { clear: left; margin-left: 22.75% !important; } footer .wrapper { padding: 0 0 0 20px; } footer #text-5 { clear: both; position: relative !important; margin-left: 24.75% !important; } } @media screen and (min-width: 1000px) { footer .app-dl-links { float: right; text-align: center; } } footer .app-dl-links a { display: block; margin-bottom: 12px; } @media screen and (min-width: 801px) { footer { overflow: hidden; } } footer ul { list-style-type: none; padding: 0; } footer p { font-size: 15px; color: #fff; text-align: left; } footer .widget { width: 100%; display: block; font-size: 20px; } footer .widget a { color: #c3ccd7; font-size: 15px; } footer .widget-title { font-size: 18px; color: #fff; font-weight: 500; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; line-height: 1; margin-bottom: 12px; } footer .menu-item { padding-bottom: 15px; font-size: 15px; } @media (max-width: 1000px) { footer .widget-title { border-bottom: 1px solid #36404c; padding-bottom: 20px; margin-bottom: 0; } footer .menu-item:last-child { border-bottom: 0; padding-bottom: 0; } footer .widget { padding-bottom: 20px; } footer #text-2 { padding-bottom: 30px; } footer .menu-item { border-bottom: 1px solid #36404c; padding-top: 20px; padding-bottom: 20px; padding-top: 15px; } } /* graphic sample styles */ .graphic { background: #1d7bc1; padding: 60px 0; } .graphic h2, .graphic p { color: #fff; margin-bottom: 30px; } .solutions li:last-child { float: left !important; } @media (min-width: 900px) { .graphic h2 { font-size: 32px; padding-top: 40px; } } .triple-graphic { display: block; position: relative; text-align: center; } @media screen and (min-width: 820px) { .triple-graphic { height: 550px; background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/triple-bg.png) top center no-repeat; } .aim2 { top: 30px; right: 0; } .aim3 { bottom: 0; left: 0; right: 0; margin: 0 auto; } .aim { position: absolute; width: 296px; } .triple-graphic p { max-width: 300px; line-height: 23px; } } .aim { font-size: 15px; } .aim strong { display: block; clear: both; color: #fbd55a; font-size: 17px; text-transform: uppercase; } .solid { background-color: #fbd55a; border: none; } .home .feature { padding: 0; overflow: hidden; max-height: 610px; position: relative; } .home .flexslider { max-height: 100%; } .flexslider { overflow: hidden !important; } .feature .slides { height: 400px; } .slide-text, .press-mentions { margin: 0 auto !important; width: 100%; } .feature .flex-active-slide .slide-text { position: absolute; top: 120px; left: 0; right: 0; } @media screen and (max-width:700px) { .feature .flex-active-slide .slide-text { top: auto; bottom: 10px; } } /* FEB 24 2017 HMPG HERO STYLES */ .feature .slide-text p { font: normal normal 32px/48px "AvantGardeGothicITCW01Bk", "Helvetica", Arial, sans-serif; color: #fff; width: 440px; } .feature .slide-text p strong { font-weight: normal; border-bottom: 3px solid #fbd55a; } .feature .slide-text h4.button { border: 3px solid #2d89cd; background-color: #2d89cd; cursor: pointer; } .feature .slide-text h4.button a { color: #fff; } .slide-img { background-color: #0c0000; background-repeat: no-repeat; background-position: 50% 0; } @media screen and (max-width: 970px) { .slide-img { background-position: 37% 0 !important; } } @media screen and (max-width: 750px) { .slide-img { background-position: 63% -60px !important; } .feature .flex-active-slide .slide-text { top: auto; bottom: 0; background-color: #00202b; padding: 15px 0 15px 0; } .feature .slide-text p { text-align: center; width: 90%; margin: 0 auto; } .feature .slide-text h4.button { margin: 20px auto 0; width: 40%; display: block; } } @media screen and (max-width: 750px) { .feature .slide-text p { font-size: 24px; line-height: 32px; } } @media screen and (max-width: 505px) { .feature .slide-text p { font-size: 18px; line-height: 28px; } .feature .slide-text h4.button { width: 90%; } } /* END */ @media (max-width: 600px) { .single-post .post-meta .date { display: block; clear: both; } } .press-mentions { max-width: 1280px; margin: 0 auto; position: absolute; bottom: 20px; left: 0; right: 0; padding: 12px 0; height: 85px; text-align: center; display: none; } @media screen and (min-width: 768px) { .press-mentions { display: block; } .press-full { display: block; } } .slide-img { background-size: cover; background-position: 50% 0; width: 100%; } @media (max-width: 768px) { .slide-img { height: 100%; } } @media (max-width: 580px) { .slide-img { } } @media (min-width: 700px) { .slide-img { background-size: auto auto; min-height: 610px; } } /* introduction styles */ .introduction { background: #fafafb; } .full-intro { text-align: center; } .main-intro { margin: 0 auto; text-align: center; max-width: 820px; overflow: hidden; } .graph-chart { position: relative; display: block; clear: both; height: 100%; } .study-collab { clear: both; display: block; font-size: 12px; color: #7186a0; padding-top: 60px; } .study-collab em { font-size: 15px; display: block; padding-top: 26px; } .study-collab a { color: #2d89cd; } .study-collab img { display: block; } .main-intro p + .row { padding-top: 25px; } .aside-small img { margin-bottom: 25px; } .cf { margin: 14px 0; } .graph-chart h2 { margin: 0; line-height: 1; } .graph-chart h3 { margin: 0; line-height: 1; font-size: 15px; } .graph-chart li:before { display: none; } @media (min-width:542px) { .graph-chart li:after { content: " "; border-radius: 50%; background: #2ea5aa; display: block; height: 28px; width: 28px; margin: 20px auto; border: 3px solid #fff; } } .graph-chart li { display: block; float: left; text-align: center; padding: 0 20px 0 0; margin: 40px 0 0 0; } .graph-chart li:first-child { margin: 60px 0 0 0; } .graph-chart li:last-child { margin: 20px 0 0 0; } .page-id-7 .col-7 { width: 100%; } body.page-id-7 { background: #fff url(https://medisafe.com/main-site/wp-content/uploads/2016/08/graph-bg.jpg) no-repeat 50% 1010px; background-size: contain; } body.page-id-7 .outside + .outside { background-color: transparent; } @media (max-width: 700px) { body.page-id-7 { background: none; } } @media (max-width: 940px) { body.page-id-7 { background-position: 50% 1280px !important; } } @media (max-width: 1230px) { body.page-id-7 { background-position: 50% 1140px; } } @media (min-width: 1670px) { body.page-id-7 { background-position: 50% 910px; } } @media (min-width: 2000px) { body.page-id-7 { background-position: 50% 830px; } } @media (min-width: 2250px) { body.page-id-7 { background-position: 50% 760px; } } @media (min-width: 1000px) { .page-id-7 .col-7 { width: 57.66%; } } .page-id-7 #one .one-intro > h2:before { content: ""; background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/adherence.svg) 0 0 no-repeat; display: block; height: 66px; width: 40px; margin: 0 auto; background-size: 100%; } .page-id-7 #two .main-intro > h2:before { content: ""; background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/engagement.svg) 0 0 no-repeat; display: block; height: 58px; width: 75px; margin: 0 auto; background-size: 100%; } .page-id-7 #three .main-intro > h2:before { content: ""; background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/eye.svg) 0 0 no-repeat; display: block; height: 45px; width: 62px; margin: 0 auto; background-size: 100%; } .page-id-7 #four .main-intro > h2:before { content: ""; background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/platform.svg) 0 0 no-repeat; display: block; height: 58px; width: 52px; margin: 0 auto; background-size: 100%; } .page-id-7 #two .main-intro h4:before { content: ""; background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/updates.svg) 0 0 no-repeat; display: block; height: 65px; width: 60px; margin: 0 auto; background-size: 100%; } .aside-small { text-align: center; } .aside-small p { padding-top: 10px; font-size: 15px; } .segment-icons figure { text-align: center; margin-bottom: 10px; } .segment-icons ul { margin-bottom: 0; } .segment-icons .row { margin-bottom: 40px !important; } .segment-icons strong { padding-bottom: 0 !important; } .segment-icons img { margin: 0 auto; } hr.line { background: none; border-top: 1px solid #c3ccd7; width: 65%; height: 1px; margin: 35px auto; display: block; clear: both; } .updates > h4, .updates > h3 { text-align: center; } .updates h4 { margin-bottom: 40px; text-transform: uppercase; color: #7186a0; font-size: 15px; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; font-weight: normal; } .updates h3 { margin-bottom: 20px; } .updates strong { font-size: 15px; padding-bottom: 15px; display: block; } .updates strong + br { display: none !important; } .updates .row { margin-bottom: 60px; } .updates .line { margin-bottom: 50px; } .remove-styles li { padding: 0; border: none; } .remove-styles li:before { display: none; margin: 0; } .list-grid li { border-bottom: 1px solid #c3ccd7; /*height: 180px;*/ padding: 20px 0 40px 0 !important; text-align: center; } .list-grid .nested-col-3:last-of-type li:last-child { padding-bottom: 0 !important; } .list-grid p { color: #36404d; font-size: 15px; font-weight: bold; } @media (min-width: 900px) { .list-grid li { padding: 50px 0 !important; } .list-grid li:nth-child(2) { padding: 35px 0 50px 0 !important; } .list-grid li:last-child { padding: 35px 0 50px 0 !important; } .list-grid figure { vertical-align: middle; } .list-grid .left-col li:nth-child(2) { padding: 42px 0 52px 0 !important; } .list-grid .row:after { max-height: 600px; } } .list-grid li:last-child { border: none; } li p { line-height: 27px; } .introduction strong { clear: both; display: block; font-size: 18px; } .introduction li { font-size: 15px; list-style-type: none; margin-bottom: 18px; line-height: 23px; } .introduction li:first-child:before { background: #c3ccd7 url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/pill-sm.svg) center center no-repeat; background-size: 23%; } .introduction li:before { content: ''; background: #c3ccd7 url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/dr.svg) center center no-repeat; background-size: 50%; fill: white; height: 40px; width: 40px; border-radius: 40px; display: block; position: absolute; margin-left: -60px; left: 0; border: none; } .introduction li:last-child:before { background: #c3ccd7 url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/call-sm.svg) center center no-repeat; background-size: 67%; } .introduction ul { margin-top: 40px; padding-left: 0; } .introduction a { color: #156dae; font-weight: 500; } .introduction figure { text-align: center; } /* solution styles */ section { padding: 60px 0; } .solutions { background: #f1f2f7; text-align: center; padding-bottom: 60px; padding: 45px 0 85px 0; } .solutions .col-10 p { margin: 0; } .solutions .row { margin-top: 60px; } li p { line-height: 27px; } .solutions .col-4 { margin: 0; } .solutions .button { margin-top: 60px; } .solutions ul { list-style-type: none; padding: 0; } .solutions h2 { color: #111; margin: 0 0 20px 0; } .solutions .intro { color: #1d2228; width: 80%; margin: 0 auto 20px auto; } .solutions .row { margin-top: 40px; } .home .solution-box:first-child li:before { } .solutions .solution-box { background: #fff; padding: 20px; box-sizing: border-box; margin-bottom: 20px; } .triple-callout .solution-box { text-align: center; } .triple-callout .solution-box p { margin: 20px auto; } @media (min-width: 660px) { .triple-callout .solution-box p { width: 95%; } } @media (max-width: 1200px) { .small-callout { float: right !important; margin-left: 1%; } } .solution-box ul { list-style-type: disc; padding-left: 20px; } .solution-box li { text-align: left; } .solutions figure { margin: -20px; position: relative; background: #1d2228; margin-bottom: 20px; } .solutions img { opacity: 0.6; } .solutions h4 { position: absolute; top: 50%; margin-top: -12px; left: 0; right: 0; height: 24px; text-transform: uppercase; color: #fff; } /* research */ .research { background: #a61469; padding-bottom: 60px; } .research h3, .research h2, .research p { color: #fff; } .research ul li { color: #fff; } .research ul li:before { background: #fbd55a; border: none; height: 10px; width: 10px; } .research .fact-callout:before { position: absolute; top: 0; left: 0; width: 0; border-top: 86px solid #ce78aa; border-right: 86px solid transparent; content: " "; } .research .small-callout:before { border-top: 76px solid #ce78aa; border-right: 76px solid transparent; } .research .fact-callout:after { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/pill-md.png) top center no-repeat; position: absolute; top: 7px; left: 10px; content: " "; width: 30px; height: 37px; } .research .col-6 { float: left; width: 347px; width: 48.53%; } .research .full-stat { height: 300px; padding-top: 70px; } @media (min-width: 1000px) { .research .small-callout { height: 140px !important; } } .research .small-callout .fact { padding: 0 !important; } @media (min-width: 544px) { .research .col-sm-6 { float: left !important; width: 50% !important; } } .research .col-6:after { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/patient-link.png) top center no-repeat; position: absolute; top: 10px; left: 5px; content: " "; width: 41px; height: 37px; } .research .small-callout:after { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/health.png) top center no-repeat; position: absolute; top: 10px; left: 5px; content: " "; width: 34px; height: 28px; } .fact-callout { background: #c14b8f; overflow: hidden; padding: 30px; text-align: center; margin-bottom: 20px; position: relative; } .fact { color: #fff; display: block; line-height: 1; } .fact .small { font-size: 18px; clear: both; display: block; text-transform: uppercase; } .fact sub { font-size: 61px; bottom: 0; } .fact sup { font-size: 40px; } .fact h1 { color: #fff; font-size: 84px; display: block; line-height: 1; font-weight: 400; font-family: "AvantGardeGothicITCW01Bk", "Helvetica", Arial, sans-serif; } .fact p { color: #e2c4d4; font-size: 18px; line-height: 1.3; } .infographic-leads { background: #f1f2f7; padding: 35px 20px 35px 20px; } @media (min-width: 1200px) { .small-callout { margin-left: 2.9%; min-height: 104px !important; padding: 40px 20px 0 70px;/*display: table;*/ } } .small-callout .fact { vertical-align: middle; } @media (min-width: 800px) { .small-callout h1 { float: left; margin-bottom: 0; } .small-callout p { width: 60%; float: right; } } .small-callout p { font-size: 14px; line-height: 1.2; margin-bottom: 0; } .small-callout h1 { font-size: 50px; } .small-callout sub { font-size: 36px; } .small-callout .small { font-size: 12px; text-transform: inherit; text-align: center; } .small-callout sup { font-size: 30px; } .fact + .fact { border-left: 1px solid #a11465; } .home .testimonial { padding-bottom: 0; } .testimonial { background: #fff; } .testimonial .flex-viewport { text-align: center; margin: 0 auto; } .testimonial .flexslider { padding: 20px 40px 0 40px; } .testimonial .flexslider p { margin-bottom: 0; } @media (max-width: 750px) { .testimonial .flexslider p { font-size: 15px; line-height: 22px; } .home .testimonial .flexslider { padding: 60px 40px 0 40px; } } @media screen and (min-width: 768px) { .testimonial .flexslider { padding: 0 50px; } .home .testimonial { padding-bottom: 60px; } .full-intro { text-align: left; } } .slide { text-align: center !important; } .app-dl-links { text-align: center; display: block; overflow: hidden; } /* stories */ .home .stories { padding: 0; } .stories ul { list-style-type: none; padding: 0; margin: 0; } .stories li { padding: 0 !important; margin: 0 !important; } .stories .story-box { height: 460px; background-position: 36% center; background-size: cover; } .stories .text-wrap { position: absolute; top: auto; left: 0; width: 90% !important; padding: 20px; } .stories .col-6 { width: 100%; } @media (min-width: 768px) { .stories li:first-child .text-wrap { right: 96px; left: auto; } .stories .col-6 { width: 50%; } .stories .text-wrap { width: 70% !important; position: absolute; top: 260px; left: 96px; padding: 0; } } @media screen and (min-width:1000px) { .stories .text-wrap { width: 190px !important; } } .stories p { font-size: 20px; line-height: 1.5; } .video-cta { font-size: 15px !important; font-family: "ITCAvantGardeStd-Md", "Helvetica", Arial, sans-serif; letter-spacing: 0 !important; text-transform: uppercase; } .feature .video-cta { display: inline-block; position: relative; } .feature .video-cta:before { left: -48px; } .video-cta:before { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/play.png) 0 0 no-repeat; content: ""; height: 38px; width: 38px; display: block; float: left; margin-top: -10px; margin-right: 10px; } .story-box h4, .story-box p, .feature .video-cta { color: #fff !important; } .story-box p { font-size: 15px; } .story-box h4 { font-family: "ITCAvantGardeStd-Md", "Helvetica", Arial, sans-serif; font-size: 17px; text-transform: uppercase; letter-spacing: 2px; } /* partners */ .page-id-7 section { padding: 0; margin: 0; } .partners-section { padding: 60px 0 0 0; } .partners { background: #fff; padding: 20px 0 !important; } .partners ul { list-style-type: none; padding: 0; margin: 0; } .partners li { display: block; float: left; padding: 20px; margin: 0; } .partners h2 { text-transform: uppercase; font-size: 22px; margin: 0; text-align: center; } @media (max-width: 768px) { .partners li { width: 100%; text-align: center; float: none; display: inline-block; } .research .full-stat { width: 100%; height: auto; } .research .small-callout { height: auto; } } @media (max-width: 950px) { .home .introduction .col-7 { width: 100%; } .home .introduction .col-4 { width: 100%; } } @media (max-width: 1200px) { .partners ul { text-align: center; margin: 0 auto; } .partners li { text-align: center; float: none; display: inline-block; } .partners h2 { float: none !important; text-align: center !important; margin: 0 auto; width: 100%; padding: 0 !important; } } @media (min-width: 1000px) and (max-width: 1280px) { .graphic .col-7 { max-width: 715px; } } @media (max-width: 1280px) { .graphic .col-7 { float: none !important; clear: both; width: 100%; margin: 0 auto; } .graphic .col-4 { text-align: center; width: 100%; } .solution-box img { width: 100%; } } @media (min-width: 992px) { .partners h2 { text-align: left; float: left; padding: 13px 80px 0 0; } } @media (min-width: 1000px) { .aim1 { top: 30px; left: -30px; } } .center { margin: 0 auto; float: none !important; } .featured-video { background: #fff; margin: 0 auto; padding-bottom: 60px; } .featured-video .row { margin: 0; } .featured-video h2 { font-weight: 300; font-family: "AvantGardeGothicITCW01Bk", "Helvetica", Arial, sans-serif; color: #7186a0; } h3 { font-weight: 300; font-family: "AvantGardeGothicITCW01Bk", "Helvetica", Arial, sans-serif; color: #7186a0; text-transform: inherit; } .dropshadow { -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.46); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.46); } .dropshadow img { width: 100%; } .featured-video .intro { color: #2d89cd; text-transform: uppercase; font-weight: 500; margin: 0; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; font-size: 15px; } .featured-video .col-5 { height: 120px; } .featured-video h3 { margin-bottom: 20px; } .featured-video .app-dl-links li { display: inline-block; } @media (min-width: 992px) { .featured-video .app-dl-links li { width: 50%; display: block; float: left; padding-left: 5px; } .featured-video .app-dl-links li:first-child { padding-left: 0; } .featured-video .app-dl-links img { max-height: 42px; max-width: 143px; } .app-dl-links { padding: 40px 0 0 0; margin: 0; } .featured-video .col-5 { border-right: 1px solid #c3ccd7; } } .stories { padding: 0; } .testimonial { padding: 90px 0 60px 0; } .page-template-custom-full-width .testimonial { background: #f1f2f7; padding: 90px 0 60px 0; } .testimonial:before { content: '\201C'; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; font-size: 60px; color: #c3ccd7; text-align: center; margin: 0 auto; display: block; position: absolute; top: 60px; left: 0; right: 0; } @media (min-width: 992px) { .page-template-custom-full-width .testimonial p { font-size: 24px !important; line-height: 1.4 !important; } } .portal { background: #fff url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/provider-bg.jpg) bottom center no-repeat; background-size: cover; } .portal .col-6 { padding-top: 20px; } .portal .dropshadow { max-width: 610px; margin: 0 auto; } .connect figure { text-align: center; } .connect-txt li { min-height: 50px; } @media (min-width: 768px) { .portal { padding: 0 0 60px 0; } .portal .col-5 { padding-top: 60px; } .connect-txt { text-align: left !important; } .featured-video { text-align: left; } } .connect-txt { text-align: center; } .portal ul { margin: 14px 0 34px 0; } .portal h3 { font-size: 24px; line-height: 36px; } .portal .intro { margin-bottom: 60px; } /* li { line-height: 1; } */ .portal:before { border-top: 1px solid #c3ccd7; width: 100%; height: 1px; content: ""; margin: 0 auto; padding-bottom: 60px; display: block; } @media (min-width: 1200px) { .portal .col-6 { padding-top: 0; } .portal:before { width: 100%; } } .triple-callout { background: #156dae; padding: 60px 0 40px 0; } .triple-callout h3 { margin: 0 auto; text-align: center; color: #fff; margin-bottom: 20px; max-width: 441px; } @media (min-width: 700px) { .triple-callout h3 { width: 64%; } } @media (min-width: 768px) and (max-width: 880px) { .triple-callout { padding: 60px 35px 40px 35px; } } .triple-callout p { color: #fff; font-size: 15px; line-height: 22px; } .triple-callout ul { padding: 0; margin: 30px 0 0 0; } .triple-callout li { list-style-type: none; } .triple-callout li:first-child { margin: 0; } .full-intro { background: #fff; } .full-intro h3 { font-size: 23px; margin: 20px 0; } .extra-padding { padding-top: 40px !important; } .extra-padding a { margin-bottom: 10px; display: block; } .remove-list-styles ul { padding: 0; } .remove-list-styles li { list-style-type: none; padding: 0; } .remove-list-styles li:before { display: none; } .bottle { margin: 0 auto; text-align: center; padding: 60px 20px 0 20px !important; } .bottle .col-6 { border-bottom: 1px solid #c3ccd7; margin: 0 auto; float: none; } .bottle, .connect { background: #fff; } .connect { padding: 60px 0 0 0; position: relative; } .connect .row { margin-top: 0; margin-bottom: 0; } @media (min-width: 1176px) { .connect-txt { padding-top: 150px; } } .connect-txt li figure { position: absolute; left: 0; } .connect-txt li { padding-left: 60px; font-size: 15px; color: #7186a0; } .bottle figure { margin-top: 60px; } .end-callout { background: #f3f4f8 url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/gradient-bg.jpg) 0 0 repeat-x; } .end-callout .col-6 { text-align: center; } .end-callout .nested-col-3 { margin-bottom: 30px; } @media (min-width: 900px) { .end-callout { padding-top: 115px; padding-bottom: 60px; } .end-callout .col-6 { text-align: left; } .end-callout .nested-col-3 { margin-bottom: 0; } .connect { padding: 20px 0 0 0; } } .end-callout p { margin: 0; font-size: 15px; line-height: 22px; } .end-callout h3 { font-size: 23px; } .end-cta { clear: both; display: block; /* margin: 0 auto; text-align: center; */ } @media (min-width:768px) { .end-cta { padding-top: 60px; } } .end-cta em { font-size: 15px; color: #7186a0; display: block; margin-top: 20px; } article[role=main] { margin-bottom: 60px; } article[role=main] > section:last-of-type { padding-bottom: 0; } .faq-body .toggle-section p:last-of-type { margin: 0; } /* partners styles */ .partners-section { background: #fff; } .partners-section .fact { width: 100%; } .one-intro { position: relative; } .graph-bg { position: absolute; bottom: 0; width: 100%; } @media (max-width: 600px) { #four .partner-facts figure { margin-bottom: 35px; } #four .partner-facts .fact:last-child figure { margin-bottom: 0; } } .partners-section .fact:last-child { border-bottom: none !important; } @media (min-width: 600px) { .partners-section .fact { width: 33.3333%; float: left; border-bottom: none; } .one-intro .nested-col-4 { width: 359px; width: 50.21%; float: right; } .one-intro .nested-col-3 { float: left; width: 41.25%; } } .partners-section h2 { text-align: center; margin-bottom: 15px; } .one-intro h2 + p { margin-bottom: 10px; } .home .introduction a { display: inline-block; font-weight: 700; margin-bottom: 20px; } .page-id-7 .main-intro { width: 100%; } .navbar li { list-style-type: none; display: inline; } .navbar .active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .navbar ul { padding: 0; margin: 0; } .navbar li { height: 85px; } .active a { color: #36404d !important; } .page-id-7 .main-intro { text-align: left; } .page-id-7 .main-intro h2 { text-align: center; } .partner-facts { display: block; clear: both; text-align: center; border: 1px solid #c3ccd7; border-width: 1px 0; padding: 20px 0 60px 0; background-image: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/shadow-top.jpg), url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/shadow-bottom.jpg); background-position: top center, bottom center; background-repeat: no-repeat; } #three h2:before { margin-bottom: 10px !important; } #three .main-intro h2 + p { margin-bottom: 30px; } #three .main-intro .row { padding-top: 0 !important; margin-bottom: 60px; } #three .nested-col-3 h3 { margin-top: 0; margin-bottom: 18px; } #four p > .alignnone { margin-top: 40px; margin-bottom: 13px; } .list-grid p { margin-bottom: 0; } .list-grid ul { margin: 0; } #four .main-intro h3 { margin-bottom: 35px; } hr { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/shadow-top.jpg) top center no-repeat; border: none; height: 80px; } .updates { margin-top: -50px; } .updates > h3 { margin-top: 16px !important; margin-bottom: 12px !important; } .updates .nested-col-3 h3 { font-size: 18px; line-height: 27px; color: #1d2228; font-family: "Helvetica", Arial, sans-serif; font-weight: bold; margin-bottom: 15px !important; } .updates .nested-col-3 strong { font-size: 15px; line-height: 36px; color: #7186a0; padding-bottom: 4px; } .partner-facts .row { margin-bottom: 0; } .partner-facts h3 { margin-bottom: 20px !important; font-size: 24px; } .partner-facts p { color: #36404d; font-size: 15px; font-weight: bold; width: 90%; margin: 0 auto !important; } #two h2:before { margin-bottom: 5px !important; } #two h2 + p { margin-bottom: 50px; } #two .aligncenter { margin-bottom: 50px; } #two h3 { margin-bottom: 10px; } /* test grid styles */ .test-grid .row > [class^="col-"] { padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(86, 61, 124, 0.15); border: 1px solid rgba(86, 61, 124, 0.2); } /* Testimonials page styles begin... */ .testimonials-hero:before, #testimonials-hero-right { float: left; height: 610px; } #testimonials-hero-right { background: #1d2228 url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/bg-hero-testimonials.jpg) no-repeat 100% 0; width: 43.2401%; } #testimonials-hero-right div { width: 400px; margin: 155px 0 0 16%; } .testimonials-hero h1 { font: normal normal 48px/66px "AvantGardeGothicITCW01Bd","Helvetica", Arial, sans-serif; color: #fff; } .testimonials-hero p { color: #c3ccd7; } .testimonials-fullwidth-testimonial { background-size: cover; height: 464px; } .testimonials-fullwidth-testimonial .story-box { position: relative; top: 212px; width: 56.7599%; } .testimonials-fullwidth-testimonial-content { position: relative; left: 100%; width: 40%; line-height: 22px; } .testimonials-avatar { margin-bottom: 55px; } .testimonials-avatar li { position: relative; float: left; list-style: none; font-size: 15px; line-height: 22px; text-align: center; width: 33.3333%; margin: 0; padding: 0; } .testimonials-avatar img, .testimonials-avatar p { margin-bottom: 10px; border-radius: 48px; } .testimonials-avatar li div { width: 70%; margin: 0 auto; } .testimonials-avatar li:first-child div { margin: 0; } .testimonials-avatar li:last-child div { position: relative; left: 100%; margin-left: -295px; } @media screen and (max-width: 1150px) { #testimonials-hero-right { height: auto; width: auto; float: none; } .testimonials-hero::before { float: none !important; width: 100% !important; } #testimonials-hero-right div { width: 90%; margin: 0 auto; padding: 50px 0 48px 0; } } @media screen and (max-width: 1100px) { .testimonials-avatar li:first-child div, .testimonials-avatar li:last-child div { position: static; left: auto; margin: 0 auto; } } @media screen and (max-width: 767px) { .testimonials-fullwidth-testimonial .story-box { top: 55%; width: 75%; } .testimonials-fullwidth-testimonial-content { left: 20px; width: 100%; } } @media screen and (max-width: 700px) { .testimonials-avatar li { float: none; width: 100%; margin-bottom: 28px; } } @media screen and (max-width: 450px) { .testimonials-fullwidth-testimonial { background-position: 40% 0 !important; } } /* ...end */ /* Company page styles begin... */ .extra-narrow, .page-template-company .main-intro h3 { max-width: 600px; margin: 0 auto; } .page-template-company .main-intro h3 { margin-bottom: 20px; } .page-template-company #one section { padding: 60px 0 30px 0; } .page-template-company #two section { padding: 0 0 60px 0; } .page-template-company #two .main-intro { text-align: left; } .page-template-company #two h2, .page-template-company #two h3 { text-align: center; } .team { background: #f1f2f7; } .testimonial .flex-direction-nav a { color: rgba(195,204,215,1.0); } .testimonial .flex-direction-nav a:hover:before { color: rgba(79,168,234,1.0) !important; } .testimonial .flex-direction-nav a:before { color: rgba(195,204,215,1.0); } .member-info { background: #fff; padding: 5px; text-align: left; } .member-info h3 { color: #1d2228; font-size: 25px; } .team .member-info h3 { text-align: left; } .member-info p { color: #7186a0; font-size: 18px; margin: 0 0 5px 0; } .member-listing { overflow: hidden; } .member-listing li { width: 100%; padding: 0 10px; display: inline-block; } .executive-list .member-listing .member-info { background: #fff; } .join-team .col-4 { padding-top: 20px !important; } @media (max-width: 1039px) { .member-listing { width: 665px; margin: 0 auto; } } @media (max-width: 768px) { .member-listing { width: 665px; margin: 0 auto; } .member-listing li { width: 330px; } } @media (max-width: 705px) { .member-listing { width: 100%; } } @media (min-width: 768px) { .member-info { padding: 20px; } .member-listing li { width: 330px; padding: 0 10px; display: inline-block; } } .executive-list .member-info { background: transparent; text-align: center; } .executive-list .company-name { display: none; } .directors-list figure { display: none; } .directors-list .member-info { text-align: center; } .executive-list p { font-size: 18px; line-height: 27px; text-align: left; } .executive-list .bio { border-top: 1px solid #c1ccd9; margin-top: 13px; padding-top: 20px; } .executive-list .bio p, .directors-list p { font-size: 15px; line-height: 22px; } .executive-list .bio p { margin-bottom: 63px; } .company-name { color: #2d89cd !important; } .member-listing figure { position: relative; } .social-icon-overlay a { display: block; height: 33px; width: 33px; content: ''; float: left; } .social-icon-overlay a:last-child { float: right; } .twitter { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/twitter.svg) center center no-repeat; background-size: 100%; } .linkedin { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/linkedin.svg) center center no-repeat; background-size: 100%; } .member-listing figure img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .member-listing figure:hover img { -webkit-filter: blur(3px); } .member-listing figure { overflow: hidden; } .member-listing figure:hover .social-icon-overlay { display: block; } .social-icon-overlay { position: absolute; bottom: 25px; margin: 0 auto; text-align: center; left: 0; right: 0; width: 100px; display: none; } .join-team { padding: 120px 0; background-size: cover; background-position: 50% 0; } .join-team .button { background: #fff; } .join-team, .join-team h2, .join-team p { color: #fff !important; } .join-team .col-4 { text-align: center; margin: 0 auto; } .max-10-col { max-width: 1070px !important; margin: 0 auto; } .max-6-col { max-width: 610px !important; } .max-7-col { max-width: 715px !important; } .openings { text-align: center; } .openings li h3 { color: #1d2228; line-height: 1; margin: 0; } .openings li, .faq-listing > li, .press-listing li { border: 1px solid #c3ccd7; border-width: 1px 0 0 0; padding: 20px 0; line-height: 1; margin-bottom: 0; } .faq-listing > li { padding: 0; } .press-listing { padding-bottom: 0; } .press-cta { margin: 0; } .press-listing li { line-height: 27px; } @media (min-width: 768px) { .press-listing li { padding-right: 85px; } } .press-releases h2 { text-align: center; margin-bottom: 60px; } .faq-listing > li:last-child { border-width: 1px 0; } .faq-listing > li:hover, .faq-body .open { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/job-hover.png) top center no-repeat; } .faq-body ol li { list-style-type: decimal; } .faq-body .open a { color: #1d2228; } .faq-body #toggle { display: block !important; color: #7186a0; font-size: 24px; } .press-cta.open .toggle-section { padding: 0; } .toggle-section a { font-size: 18px; color: #2d89cd !important; display: inline; } .faq-body a:hover { color: #1d2228; } .openings li:hover { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/job-hover.png) top center no-repeat; } .no-openings li:hover { background: none; } .job-listing { margin: 0 auto; text-align: left; margin-bottom: 60px; } .no-jobs { margin: 0; text-align: center; } @media (min-width: 768px) { .join-team .col-4 { padding-top: 60px; } } .join-team p { padding-top: 20px; max-width: 200px; text-align: center; margin: 0 auto; } .page-body { padding: 60px 0 0 0; } .page-body p:last-of-type { margin: 0; } .contact-block { background: #156dae; } .contact-body br + a { display: block; } .contact-list li { float: left; width: 100%; padding: 15px 0; border-top: 1px solid #629dc9; margin-bottom: 0; } .contact-list a { color: #fff; text-decoration: underline; } .contact-list li:first-child { border-left: 0; border-top: 0; } .contact-list { margin: 0; height: auto; overflow: hidden; } .contact-list h4, .contact-list p { color: #fff; } .contact-list h4 { margin-bottom: 5px; } .contact-list p { font-size: 16px; margin: 0; } @media (min-width: 768px) { .contact-list li { width: 343px; width: 33.3333%; border-left: 1px solid #629dc9; padding: 15px 20px; border-top: none; } } /* single research template */ .page-research .sidebar, .archive-faq .sidebar { background: transparent; } #text-4, .research-cta { text-align: center; } #text-4 .button, .research-cta .button { clear: both; padding: 14px 0 0 0; } @media (min-width: 900px) { .page-research .sidebar, .archive-faq .sidebar { margin-top: 60px; background: transparent; } #text-4, .research-cta { text-align: left; } #text-4 .button, .research-cta .button { padding: 14px 22px 0 22px; } } .archive-research .sidebar { margin-top: 0; } .archive-banner-intro { list-style-type: none; color: #fff; padding: 0; } article[role=main] h1 { font-size: 25px; line-height: 35px; } article[role=main] h3, article[role=main] h4 { margin-top: 35px; margin-bottom: 13px; } article[role=main] .research-item h4 { margin-bottom: 15px; } hr.line { margin: 26px auto 26px auto; } article[role=main] .research-body h4 { margin-top: 23px; } .research-body h4 + ul { margin-top: 5px; } hr.line + h3 { margin-top: 0; } .research-body p:last-of-type { margin-bottom: 0; } @media (min-width: 768px) { article[role=main] h1 { font-size: 48px; line-height: 72px; } } @media (min-width: 900px) { .archive-research .sidebar { margin-top: -230px; } } .page-research .content-banner { background: #7a0f4c; } .archive-research .content-banner { background: transparent url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/research-bg.jpg) 0 0 repeat-x; } .single-research .content-banner { height: 85px; max-height: 100%; padding: 30px 0; } .single .content-banner h2 { color: #fff; line-height: 1; font-weight: 300; font-family: "AvantGardeGothicITCW01Bk", "Helvetica", Arial, sans-serif; } .single .content-banner a { color: #fff; } hr.full-width { width: 100%; } .content-banner h2 strong { font-weight: 500; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; } .snapshot, #text-3 { padding: 35px 0; background: #f1f2f7; text-align: center; } .snapshot li, #text-3 li { color: #7186a0; } .snapshot ul, #text-3 ul { margin: 0; } .snapshot h2, #text-3 h2 { margin-bottom: 25px !important; } .snapshot h2 { font-size: 24px !important; line-height: 1 !important; } .research-body { padding-top: 60px; } .snapshot h4 { line-height: 1; } .snapshot h4, #text-3 h4 { font-size: 50px; color: #7186a0; margin-bottom: 7px; } .snapshot h4 + strong, #text-3 h4 + strong { display: block; font-size: 15px; margin-top: -7px; margin-bottom: 5px; } .research-cta p { margin-bottom: 0; } .snapshot li, #text-3 li { line-height: 27px; padding: 0 0 27px 0; margin: 0 auto; } .snapshot li:before, #text-3 li:before { border-top: 1px solid #c3ccd7 !important; content: ""; margin: 0 auto; position: relative; width: 190px; display: block; padding-bottom: 30px; border-width: 1px 0 0 0; border-radius: 0; } .snapshot li:first-child:before, #text-3 li:first-child:before { border: 0; display: none; } #text-3 h4 { font-size: 50px; line-height: 1; font-family: "ITCAvantGardeStd-Md", "Helvetica", Arial, sans-serif; font-weight: normal; } #text-3 li { width: 230px; padding: 0 0 27px 0; } #text-3 a { color: #7186a0; display: block; height: 100%; width: 100%; } #text-3 a:hover { -webkit-filter: blur(5px); } #text-3 li { position: relative; } @media (min-width: 768px) { .snapshot, #text-3 { padding: 33px 0 28px 0 !important; margin-left: auto; margin-right: auto; } #text-3 h4 { font-size: 74px; margin-bottom: 8px; } } @media (min-width: 1280px) { .snapshot, #text-3 { padding: 33px 60px 28px 60px !important; } } #text-3 li:before { margin-bottom: 28px; padding-bottom: 0; } #text-3 h4 strong { font-size: 15px; display: inline-block; top: -40px; line-height: 19px; } .plus { font-size: 35px; } .percent { font-size: 48px; } .minus { font-size: 53px; padding-right: 10px; top: -.3em; } .single-research hr.line { width: 100%; } .single-research aside section, .archive-research aside > li { border: 1px solid #e6eaef; margin: 0 0 20px 0; } .download-links { background: #f1f2f7; padding: 35px 20px 15px 20px; } .download-links ul { margin: 0; height: 36px; } .download-links li { float: left; padding-left: 30px; display: block; margin-bottom: 0; } .download-links a { color: #2d89cd; font-weight: bold; font-size: 18px; margin-left: 10px; } .download-links a:before { display: block; float: left; content: ""; height: 36px; width: 36px; margin-top: -5px; background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/dl-icon.png) 0 0 no-repeat; } .download-links li:first-child { padding-left: 0; } .research-cta, #text-4 { padding: 30px 35px 35px 35px !important; } .archive-research .research-item:first-child h4 { margin-top: 0; } .textwidget p:last-of-type { margin-bottom: 0; } .research-item:last-of-type { padding-bottom: 0; margin-bottom: 0; } .research-item p:last-of-type { margin-bottom: 0; } .textwidget li:last-child, .snapshot li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .single-research .research-cta .button { margin-top: 27px; } .single-research h1 + h3 { margin-top: 0; } article[role=main] h3 + ul { margin-top: 10px; } .single-research .sticky { z-index: 1000; } .single-research .modal figure { text-align: center; } .single-research .modal { z-index: 100000; } .research-cta .button, #text-4 .button { margin-top: 8px; } #text-4 { background: #fff !important; } .textwidget .blue-bg, .research-cta .blue-bg { background: #2d89cd !important; } .research-cta p, #text-4 p { color: #7186a0; } .article-subheader a { font-size: 15px; color: #2d89cd; float: left; display: inline-block; line-height: 1.2; } .article-subheader a:before { display: block; content: ""; float: left; background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/dl-sm.png) 0 0 no-repeat; width: 17px; height: 17px; margin-right: 10px; } .research-item { overflow: hidden; border-bottom: 1px solid #c3ccd7; padding-bottom: 26px; margin-bottom: -8px; } .research-item h4 { font-size: 12px; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; text-transform: uppercase; color: #c3ccd7; font-weight: 500; } .read-full { color: #2d89cd; padding-left: 6px; } .research-item:last-child { border-bottom: none; } .post-type-archive-research .menu-item-29 a, .single-research .menu-item-29 a { color: #36404d !important; } .research-body { padding-bottom: 0; } .research-footbar { background: #f1f2f7; text-align: center; overflow: hidden; padding: 40px 0 0 0; } .research-footbar li:first-child { margin-top: 6px; } @media (min-width: 768px) { .research-footbar { height: 120px; } .research-footbar li { width: 23%; display: inline-block; } } .research-footbar ul { list-style-type: none; text-align: center; } /* careers */ .career-intro { text-align: center; padding: 60px 0 !important; } .career-intro h2 { margin-bottom: 30px; } .career-intro .button { margin-top: 10px; } .career-callout { background: #f1f2f7; overflow: hidden; } .career-callout figure { position: absolute; top: 0; left: 0; height: 200px; overflow: hidden; } .career-callout .col-4 { width: 100%; padding-top: 200px; } @media (min-width: 1100px) { .career-callout figure { left: auto; right: -20% !important; height: auto; } .career-callout .col-4 { width: 32.25%; padding-top: 0; } } @media (max-width: 1100px) { .career-callout figure { width: 100%; } .career-callout figure img { width: 100% !important; } } @media (min-width: 1400px) { .career-callout figure { right: 0 !important; } } /* press page */ .press-page section { margin: 0 auto; } .press-releases { background: #f1f2f7; } .press-brand, .press-contact { text-align: center; } .press-brand h2 { margin-bottom: 35px; } .press-brand { padding: 60px 22px; } .press-contact { background: #156dae; } .press-contact p, .press-contact a { color: #fff; line-height: 27px; } .press-contact a { text-decoration: underline; } .press-video { padding-top: 0; } .press-video .col-8 { margin: 0 auto; } .press-video .intro { margin-bottom: 0; } .press-feature ul { margin: 0; } .press-page .col-8 { margin: 0 auto; float: none; } .press-listing h4 { font-size: 15px; color: #7186a0; } .press-listing a { font-size: 18px; color: #1d2228 !important; } .press-box { display: inline-block; max-width: 202px; margin: 0 50px; vertical-align: top; } .press-box figure { height: 120px; display: block; } .press-box img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .press-feature { text-align: center; padding: 0; } .press-cta { margin: 0 auto; text-align: center; margin-top: 35px; } .press-cta.open { margin-top: -20px; } /* Newsletter signup */ .newsletter-signup { border: 1px solid #e6eaef; margin-bottom: 20px; padding: 30px 35px 35px 35px !important; } .newsletter-signup .gform_description { color: #7186a0; } .newsletter-signup .button { font-size: 16px; padding: 14px 0 11px; width: 190px !important; } .newsletter-research_wrapper { background: transparent url(https://medisafe.com/main-site/wp-content/uploads/2017/02/icon-newsletter-research.png) no-repeat 50% 0; background-size: 66% auto; padding-top: 18%; } /* job listing */ .md-height { max-height: 155px; padding: 60px 0; } .md-height h2, .md-height h1 { line-height: 1; color: #fff; } .md-height a { color: #fff; } .sm-height { max-height: 85px; padding: 30px 0; } .sm-height h2, .sm-height h1 { line-height: 1; color: #fff; } .single-job .sidebar, .default-page .sidebar { margin: 60px 0 60px; } .single-job .content-banner { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/careers-bg.jpg) 0 0 no-repeat; background-size: cover; } .archive-blog .content-banner { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/med-blue-bg.jpg) 0 0 no-repeat; background-size: cover; } .archive-faq .content-banner { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/help-bg.jpg) 0 0 no-repeat; background-size: cover; } .single .content-banner { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/blue-bg.jpg) 0 0 repeat-x; background-size: cover; } .infographic .zoom-icon { height: 130px; width: 130px; background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/zoom-icon.png) center center no-repeat; display: block; position: absolute; top: 35%; left: 0; right: 0; margin: 0 auto; z-index: 100; } .single-research .infographic { max-width: 398px; margin: 0 auto 20px auto; padding: 0; } .single-research .content-banner { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/research-bg-sm.jpg) 0 0 repeat-x; } .next-study { background: #156dae; text-align: center; } .next-study h3 { color: #c3ccd7; } .next-study h2 { font-size: 32px; margin: 0; } .next-study a { color: #fff; } .single .content-banner a:before { display: block; content: ""; float: left; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 8px solid #fff; margin-right: 10px; margin-top: 8px; } .single-post .center { text-align: center; } .single-post .col-8 { margin: 0 auto; float: none; } .single-post ol { padding: 0; } /* Blog: Share Twitter callouts */ .wraper-sharetwitter { border-top: 1px solid #c3ccd7; border-bottom: 1px solid #c3ccd7; background: transparent url(https://medisafe.com/main-site/wp-content/uploads/2017/02/icon-twitter.png) no-repeat 50% 35px; background-size: 41px 34px; text-align: center; width: 74.3902%; margin: 8px auto 18px; padding: 88px 0 22px 0; } .wraper-sharetwitter p { font: normal 24px/36px "AvantGardeGothicITCW02Dm", "Helvetica", Arial, sans-serif; color: #7186a0; margin-bottom: 13px;} a.twitter-lnk { display: inline-block; border: 3px solid #ea3f22; border-radius: 2em; font: normal 16px/22px "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; color: #1d2228; text-align: center; text-transform: capitalize; padding: 10px 31px 7px; } .single-post .size-full { margin-top: 40px; } .archive-blog .sidebar { margin-top: 60px; } .archive-blog h1 strong { font-weight: 300; font-family: "AvantGardeGothicITCW01Bk", "Helvetica", Arial, sans-serif; } .blog-post { border-bottom: 1px solid #c3ccd7; padding: 35px 0 35px 0; } .blog-post a { transition: none; } .blog .blog-post:first-of-type { padding: 0 0 28px 0; } .blog .blog-post:first-of-type .post-meta { margin: 0 0 13px 0; } .blog-post .article-header { margin-bottom: 18px; } .blog-post img + h2 { margin-top: -10px; } .blog-post p:last-of-type { margin-bottom: 0; } .post-meta { font-size: 12px; text-transform: uppercase; color: #c3ccd7; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; line-height: 1; } .blog #text-7 p:first-of-type { margin-bottom: 15px; } .post-meta { margin-bottom: 13px; } .blog-post img { margin-bottom: 25px; } .archive-blog .blog-post a { display: block; height: 100%; width: 100%; } .post-meta span { padding-left: 5px; } .blog .sidebar { background: transparent; } .archive .sidebar > li, .blog .sidebar > li { padding: 30px 33px; background: #f1f2f7; border: 1px solid #e6eaef; margin: 0 0 20px 0; } .archive-faq .sidebar > li { padding: 29px 20px; } .archive-faq h2 { text-align: center; } .faq-listing { margin-bottom: 0; } .faq-body #toggle { line-height: 36px; padding: 20px 0; } .archive-faq section + section { padding-bottom: 0; } .archive-faq #one { padding-bottom: 0; } .page-id-7 .sticky-sidebar .widgettitle { font-size: 24px; line-height: 36px; } .list-grid .row { overflow: hidden; } .partners-section:last-of-type { margin-top: 50px; } #four .partner-facts h3 { margin-bottom: 25px !important; } @media (min-width: 900px) { .list-grid .row:after { display: block; float: none; height: 100%; max-height: 650px; width: 1px; background: #c3ccd7; position: absolute; left: 0; right: 0; margin: 0 auto; } } .list-grid { margin-bottom: 50px !important; } .archive-faq .sidebar .widgettitle { font-size: 24px; margin: 0 0 6px; } .blog .widget_text:first-child p { font-size: 15px; line-height: 22px !important; } .blog .textwidget p:last-child { margin: 0; } .blog .widget_recent_entries { font-size: 15px; line-height: 22px; } .blog .widget_recent_entries .widgettitle { text-align: center; margin-bottom: 20px; } .widget_recent_entries a { font-weight: bold; color: #1d2228; display: block; margin-bottom: 5px; line-height: 22px; } .social-circles { overflow: hidden; text-align: center; margin: 0; } .center-banner-photo { margin: 0 auto; } .center-banner-photo .col-4 { float: none; margin: 0 auto; text-align: center; } .center-banner-photo { padding-bottom: 25px; } .single-post #content { padding-top: 0; } .single-post ol { font-size: 24px; line-height: 36px; padding-left: 30px; } @media (min-width: 900px) { .single-post ol { padding-left: 0; } } .single-post ol > li { color: #7186a0; font-family: "AvantGardeGothicITCW01Bk", "Helvetica", Arial, sans-serif; line-height: 36px; } .single-post ol strong, .single-post ol b { font-weight: normal; } .center-banner-photo img { margin-top: 0 !important; } .single-post .container-fluid { padding-top: 60px; } .blog .widgettitle { text-align: center; } .social-circles li { height: 50px; width: 50px; display: inline-block; margin-bottom: 0; } @media (min-width: 786px) { .social-circles li { margin-left: 14px; } } .blog .sidebar .widget_recent_entries { border-bottom: none; margin-bottom: 0; padding-bottom: 10px; } .blog .sidebar #text-8 { border-top: 0; padding-top: 0; } .single-post .post-meta { margin-bottom: 5px; } #text-8 .widgettitle { border-top: 1px solid #c3ccd7; text-align: center; margin-bottom: 20px !important; padding-top: 33px; } .social-circles li:first-child { margin-left: 0; } .social-circles .twitter { background: none; } .social-circles a { display: block; height: 100%; width: 100%; } .social-circles .twitter a { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/twitter-c.svg) center center no-repeat; background-size: 90%; } .social-circles .facebook a { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/facebook-c.svg) center center no-repeat; background-size: 90%; } .social-circles .instagram a { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/instagram-c.svg) center center no-repeat; background-size: 90%; } .toggle-section { display: none; background: #fff; color: #1d2228; font-size: 18px; padding: 25px 0 10px 0; } .faq-body .toggle-section { padding: 5px 0 35px 0; } .post-date { color: #7186a0; } .blog .gform_widget { background: #fff !important; } .post-meta a { color: #c3ccd7; } .single-post h1 { margin-bottom: 35px; } .single-post article[role=main] { margin-bottom: 50px; } .next-study .container-fluid { padding: 0; } .next-study h3 { margin-bottom: 20px; line-height: 1; } .next-study { padding: 60px 0 49px 0; } .post-meta .date { padding-right: 25px; } /* bu slideshow */ .bu-slideshow-container { margin: 40px 0; } .col-md-6 .bu-slideshow-container { margin: 0; } section ul { margin: 20px 0; } section ul li { padding-left: 35px; list-style-type: none; line-height: 27px; font-size: 18px; margin-bottom: 15px; } .slides li:before { display: none; } .row > li:before { display: none; } section ul li:before { content: " "; margin-top: 6px; margin-left: -35px; border: 3px solid #2ea5aa; color: #8cbf01; font-weight: bold; height: 13px; width: 13px; display: block; position: absolute; border-radius: 50px; } hr + h4 { text-align: center; } /* sidebar */ .sidebar, .sticky-sidebar { background: #f1f2f7; display: block; width: 100%; float: right; } .scrollup { -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s ease-in; } .sidebar { margin-top: -311px; } .is_stuck { margin-top: auto; } .banner-icon:before { display: block; content: ""; float: left; height: 85px; width: 85px; position: absolute; left: 20px; top: -25px; border: 4px solid #fff; border-radius: 50%; text-align: center; color: #b3c3d3; } @media (max-width: 767px) { .banner-icon { margin-left: 0 !important; } .banner-icon:before { display: none !important; } } .page-id-55 .banner-icon:before { background: url(https://medisafe.com/main-site/wp-content/uploads/2016/12/icon-lightening-bolt.png) center 12px no-repeat; background-size: 31px 52px; } .page-id-7 .banner-icon:before { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/partner-icon.svg) center 20px no-repeat; } .page-id-57 .banner-icon:before { background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/pill-icon.svg) center 27px no-repeat; background-size: 77%; } .post-type-archive-research .banner-icon:before { content: "%"; line-height: 80px; font-size: 50px; } .banner-icon { float: left; display: block; overflow: hidden; margin-left: 120px; } .is_stuck .sidebar { margin-top: 0; } .is_stuck { z-index: 1000; top: 105px; } .modal-open .navbar { z-index: 1000; } @media (max-height: 1500px) { .is_stuck { top: 105px; } } .gform_widget { padding: 35px 20px 35px 20px; list-style-type: none; margin: 0; } .sidebar .widgettitle { font-size: 25px; margin: 0 0 13px; line-height: 36px; text-align: left; } .archive-research .sidebar .widgettitle { font-size: 24px; } .research-item a { transition: none; } .sidebar .gform_confirmation_message { line-height: 27px; } .sidebar #extensions_message { font-size: 15px; } .partner-facts h2 { font-size: 48px; } #one .partner-facts h2 { color: #2ea5aa; } #two .partner-facts h2 { color: #ea3f22; } #three .partner-facts h2 { color: #156dae; } .partner-facts .fact { border: none; } @media (min-width:600px) { .partner-facts .fact + .fact { border-left: 1px solid #c3ccd7; } } /* navbar and sticky style --------------- */ .navbar .scrollup { display: none; } @media (min-width: 930px) { .sticky { position: fixed; left: 0; right: 0; top: 0; z-index: 10000; width: 100%; animation-duration: 0.5s; animation-name: fadeIn; } .sticky .scrollup { display: inline-block; text-transform: uppercase; } } #nav { transition: all 0.4s ease; } .sticky + section { margin-top: 85px; } .height-fix { height: auto; } .navbar { background: #fff; border-bottom: 1px solid #c3ccd7; height: auto; padding: 30px 0; transition: all 0.4s ease; } @media (max-width: 767px) { .navbar { height: auto !important; padding: 30px 0 0 0; } .sticky { transition: none; } .navbar li { display: block; height: auto; padding-right: 0 !important; } .navbar li a { float: none; display: block; border-bottom: 1px solid #c3ccd7; padding: 20px 0; } .navbar li:last-child a { border: none; } .navbar .scrollup { display: none !important; } } @media (min-width: 768px) { .height-fix { height: 85px !important; } .navbar { height: 85px !important; } } .navbar .wrapper { padding: 0; } .navbar a { color: #7186a0; font-weight: normal; font-family: "AvantGardeGothicITCW02Dm", "Helvetica", Arial, sans-serif; font-size: 16px; padding: 36px 0; } .single .navbar { padding: 0; } .admin-bar .sticky { top: 32px; } .unsticky .wrapper { padding: 0; } .scrollup { height: 85px; } .sticky .scrollup a { color: #36404d !important; font-family: "AvantGardeGothicITCW01Bd", "Helvetica", Arial, sans-serif; font-weight: bold; } .menu a { letter-spacing: 0.7px; } .sticky .wrapper { padding: 0 20px; } .navbar li { padding-right: 35px; } .navbar li:last-child { padding-right: 0; } .hide { display: none; position: absolute; right: 0; top: -13px; } .navbar .button { border: 3px solid #2989cd; text-align: center; font-weight: 300; height: 45px; padding: 12px 22px; } @media (min-width: 1035px) { .active .hide { display: inline; position: relative; float: right; } } a.active { color: #111; } /* overlay styles*/ .overlay-video { width: 50%; margin: 0 auto; top: 200px; position: absolute; left: 0; right: 0; } /* Overlay style */ .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.9); } /* Overlay closing cross */ .overlay .overlay-close { width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(https://medisafe.com/main-site/wp-content/themes/medisafe/images/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 100; } /* Menu style */ .overlay nav { text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; } .overlay ul li { display: block; height: 20%; height: calc(100% / 5); min-height: 54px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .overlay ul li a { font-size: 54px; font-weight: 300; display: block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; } .overlay ul li a:hover, .overlay ul li a:focus { color: #f0f0f0; } /* Effects */ .overlay-scale { visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; } .overlay-scale.open { visibility: visible; opacity: 1; overflow: scroll; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; z-index: 10000; } body.modal-open { overflow: hidden; } /* modal styles, may replace overlay */ .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: transparent; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.9; } .modal .close { margin-top: -2px; margin: 0 auto; text-align: center; color: #fff; font-size: 60px; height: 60px; } .modal iframe { border: none; display: block; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } #introVideo, #david, #makeba { top: 0; } .modal .close { width: 100%; margin: 0 auto; text-align: center; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 50px; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.technology-compilation { position: absolute; top:-120px; right:0; max-width: 49.5%; } @media (max-width: 1100px) { img.technology-compilation { position: absolute; top:-50px; right:0; max-width: 40.5%; } } @media (max-width: 930px) { img.technology-compilation { display:none; } } @media (min-width: 576px) { .modal-dialog { max-width: 600px; margin: 0 auto; padding: 40px 0; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 900px; } } @media screen and (max-height: 30.5em) { .overlay nav { height: 70%; font-size: 34px; } .overlay ul li { min-height: 34px; } } @media (min-width: 800px) { .gform_button { width: 100% !important; } .app-dl-links { text-align: left; } footer .widget { float: left; width: 12.09%; } footer #text-5 { width: auto; position: absolute; right: 20px; } footer .widget_nav_menu { margin-left: 20px; } .small-callout .fact { /*display: table-cell;*/ } } @media (min-width: 1000px) { footer #nav_menu-2 { margin-left: 105px; } } @media (min-width: 992px) { .stories ul { max-height: 460px; overflow: hidden; } .stories .text-wrap { top: 200px; } .small-callout .fact { padding: 0 20px; } } @media (min-width: 1200px) { } @media (max-width: 544px) { .fact + .fact { border: 1px solid #a11465; border-width: 1px 0 0 0; padding-top: 20px; margin-top: 20px; } .left-col li:last-child { border-bottom: 1px solid #c3ccd7; } .partner-facts .fact + .fact { border-color: #c3ccd7; border: none !important; } .home section { padding: 30px 0; text-align: center; } .home .stories { text-align: left; } #header-image { width: 160px; } /* .home .stories .text-wrap { top: 260px; left: 20px; } */ } @media (max-width: 600px) { .hide-mobile { display: none; } .responsive-menu-trigger { right: 20px !important; } #primary .responsive-menu-trigger { left: auto !important; text-align: left; } } @media (max-width: 768px) { .small-callout { width: 100% !important; margin-left: 0; } .stories .story-box { padding: 240px 20px; } .main-intro { width: 100%; } .introduction li:before { position: relative; clear: both; margin: 0 auto 20px; text-align: center; } .introduction ul { padding-left: 0; text-align: center; } .fact-boxes { margin-bottom: 20px; } } @media (max-width: 1090px) { .fact h1 { font-size: 50px; } .fact sub { font-size: 31px; } .fact sup { font-size: 30px; } } html #wpadminbar { min-width: 200px !important; } /* ************************************************************************************************ */ @media (max-width: 970px) { #homepage-header-image-widget span { font-size: 30px; line-height: 36px; } } @media (max-width: 900px) { #pnb { -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .list-grid .left-col li:last-child { border-bottom: 1px solid #c3ccd7; } .featured-video .col-5 { padding-left: 20px; } .featured-video .col-3 { padding-right: 20px; } .career-intro { text-align: center; padding: 50px 20px 40px 20px !important; } } @media (max-width: 1050px) { /* ===== Menu Trigger ===== */ #primary .responsive-menu-trigger { position: absolute; color: #36404d; right: 0; left: 0; text-align: center; top: 30px; font-weight: 700; text-transform: uppercase; cursor: pointer; z-index: 1000; width: 20%; margin: 0 auto; } #primary .responsive-menu-trigger:after { content: "☰"; padding-left: 5px; font-size: 20px; color: rgb(54, 64, 77); vertical-align: baseline; } .responsive-menu-trigger.active + #pnb { display: block; } } @media (max-width: 1050px) { .hide-desktop { display: block; } /*------ [ PRIMARY NAVIGATION BAR (PNB) ] ------*/ #pnb { display: none; background-color: #fff; z-index: 1; width: auto; margin: 0 -20px; z-index: 10000; top: 85px; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.25); } /* ===== All Levels ===== */ #menu-primary-navigation li { float: none; width: 100%; } #menu-primary-navigation li a { border-bottom: 1px solid #c3ccd7; color: #36404d; text-align: left; padding: 20px; cursor: pointer; } /* ===== All Submenus ===== */ #menu-primary-navigation .sub-menu { display: block; position: static; background-color: transparent; box-shadow: none; width: 100%; } #menu-primary-navigation .sub-menu li a { font-weight: 400; padding-left: 20px; } /* ===== First Level Only ===== */ #menu-primary-navigation > li:hover { background-color: transparent; } #menu-primary-navigation > .current-menu-parent:after, #menu-primary-navigation > .current-menu-item:after, #menu-primary-navigation > .current-page-ancestor:after { float: none; background: transparent; height: 0; margin-bottom: 0; } /*------ [ CONTENT ] ------*/ /* ===== Homepage ===== */ .sidebar { margin-top: 0; } } *, *:before, *:after { box-sizing: border-box; } /* BOOTSTRAP GRID ------------------------------------------ */ .container { margin-left: auto; margin-right: auto; padding: 0 20px; max-width: 1280px; } .container::after { content: ""; display: table; clear: both; } @media (min-width: 544px) { .container { max-width: 576px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 940px) { .introduction figure { margin-top: -40px; } } @media (min-width: 992px) { .container { max-width: 940px; } } @media (min-width: 1200px) { .container { max-width: 1180px; } } .container-fluid { max-width: 1280px; margin: 0 auto; padding: 0 20px; padding: 0 20px; } .container-fluid::after { content: ""; display: table; clear: both; } .row { margin: 0; } .row::after { content: ""; display: table; clear: both; } [class^="col-"] { position: relative; min-height: 1px; } [class^="col-"] { float: left; width: 100%; } [class^="col-"] + [class^="col-"]:last-child { float: right; } [class^="nested--"] + [class^="nested-"]:last-child { float: right; } .thin { font-weight: 300; font-family: "AvantGardeGothicITCW01Bk", "Helvetica", Arial, sans-serif; } @media (min-width:442px) { [class^="col-"] { float: left; } } @media (min-width: 776px) { .fact { float: left; padding: 0 20px; } } .half-col-pad { padding-left: 42px; } [class^="nested-"] + [class^="nested-"] { float: right; } [class^="nested-"], [class^="col-"] { width: 100%; float: left; } @media (min-width: 1262px) { .nested-col-3 { width: 295px; } .nested-col-4 { width: 400px; } } /* These are the pixel-specific sizes from the design */ @media (min-width: 900px) { .col-1 { width: 85px; width: 6.85%; } .col-2 { width: 190px; width: 15.32%; } .col-3 { width: 295px; width: 23.79%; } .col-4 { width: 400px; width: 32.25%; } .col-5 { width: 505px; width: 40.72%; } .col-6 { width: 610px; width: 49.19%; } .col-7 { width: 715px; width: 57.66%; } .col-8 { width: 820px; width: 66.12%; } .col-9 { width: 925px; width: 74.59%; } .col-10 { width: 1030px; width: 83.06%; } .col-11 { width: 1135px; width: 91.53%; } .col-12 { width: 1240px; width: 100%; } /* nested columns based on 715px width */ .nested-col-2 { width: 26.57%; } .nested-col-3 { width: 41.25%; } .nested-col-4 { width: 55.94%; } .portal .nested-col-3 + br + .nested-col-3 { float: right; } } strong + br { display: block !important; } .partners-section { background: transparent; } .partners-section h2:before { margin-bottom: 20px !important; } .triple-callout li { padding: 0; } .triple-callout .solution-box { width: 50%; float: none; margin: 0 auto !important; } @media (min-width: 768px) { .triple-callout .solution-box { max-width: 190px; max-width: 23.17%; float: left; } .triple-callout .col-offset-1 { margin-left: 125px; margin-left: 15.24% !important; } .triple-callout li:first-child { margin-left: 0 !important; } } /* misc responsive styles */ @media (min-width: 1280px) { .one-intro .col-md-4 { width: 360px; } } @media (max-width: 720px) { #homepage-header-image-widget span { font-size: 20px; line-height: 26px; } } @media (max-width: 500px) { #homepage-header-image-widget span { font-size: 20px; line-height: 21px; } .home .introduction a { display: block; padding: 10px 0; } } @media screen and (max-width: 900px) { .portal .col-offset-1 { padding-top: 60px !important; } } /* * jQuery FlexSlider v2.6.3 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flex-direction-nav li { margin: 0; } .flexslider { margin: 0; background: transparent; position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; line-height: 40px; opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 30px; display: inline-block; content: '\f001'; color: rgba(255, 255, 255, 0.8); } @media (min-width: 700px) { .flex-direction-nav a:before { font-size: 40px; } } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: 0; } .flex-direction-nav .flex-next { right: 0; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 0; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 0; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } @media (max-width: 900px) { body #sidebar-wrap { margin-bottom: 60px !important; } }