/**
 * @file
 * Subtheme specific CSS.
 */

/*! jQuery UI - v1.14.0 - 2024-09-07
* https://jqueryui.com
* Includes: theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright OpenJS Foundation and other contributors; Licensed MIT */

.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;background-image:none}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3}.ui-widget-shadow{box-shadow:0 0 5px #666}

@font-face {
  font-family: 'ProximaNova-BlackIt';
  src: url('../fonts/ProximaNova-BlackIt.eot');
  src: url('../fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-BlackIt.woff2') format('woff2'), url('../fonts/ProximaNova-BlackIt.woff') format('woff'), url('../fonts/ProximaNova-BlackIt.ttf') format('truetype'), url('../fonts/ProximaNova-BlackIt.svg#ProximaNova-BlackIt') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-Black';
  src: url('../fonts/ProximaNova-Black.eot');
  src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Black.woff2') format('woff2'), url('../fonts/ProximaNova-Black.woff') format('woff'), url('../fonts/ProximaNova-Black.ttf') format('truetype'), url('../fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-BoldIt';
  src: url('../fonts/ProximaNova-BoldIt.eot');
  src: url('../fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-BoldIt.woff2') format('woff2'), url('../fonts/ProximaNova-BoldIt.woff') format('woff'), url('../fonts/ProximaNova-BoldIt.ttf') format('truetype'), url('../fonts/ProximaNova-BoldIt.svg#ProximaNova-BoldIt') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('../fonts/ProximaNova-Bold.eot');
  src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-ExtraboldIt';
  src: url('../fonts/ProximaNova-ExtrabldIt.eot');
  src: url('../fonts/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-ExtrabldIt.woff2') format('woff2'), url('../fonts/ProximaNova-ExtrabldIt.woff') format('woff'), url('../fonts/ProximaNova-ExtrabldIt.ttf') format('truetype'), url('../fonts/ProximaNova-ExtrabldIt.svg#ProximaNova-ExtrabldIt') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-Extrabold';
  src: url('../fonts/ProximaNova-Extrabld.eot');
  src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('../fonts/ProximaNova-Extrabld.woff') format('woff'), url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'), url('../fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-LightIt';
  src: url('../fonts/ProximaNova-LightIt.eot');
  src: url('../fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-LightIt.woff2') format('woff2'), url('../fonts/ProximaNova-LightIt.woff') format('woff'), url('../fonts/ProximaNova-LightIt.ttf') format('truetype'), url('../fonts/ProximaNova-LightIt.svg#ProximaNova-LightIt') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-Light';
  src: url('../fonts/ProximaNova-Light.eot');
  src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Light.woff2') format('woff2'), url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-RegularIt';
  src: url('../fonts/ProximaNova-RegularIt.eot');
  src: url('../fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-RegularIt.woff2') format('woff2'), url('../fonts/ProximaNova-RegularIt.woff') format('woff'), url('../fonts/ProximaNova-RegularIt.ttf') format('truetype'), url('../fonts/ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Regular.eot');
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-SemiboldIt';
  src: url('../fonts/ProximaNova-SemiboldIt.eot');
  src: url('../fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-SemiboldIt.woff2') format('woff2'), url('../fonts/ProximaNova-SemiboldIt.woff') format('woff'), url('../fonts/ProximaNova-SemiboldIt.ttf') format('truetype'), url('../fonts/ProximaNova-SemiboldIt.svg#ProximaNova-SemiboldIt') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../fonts/ProximaNova-Semibold.eot');
  src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Semibold.woff2') format('woff2'), url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-Thin';
  src: url('../fonts/ProximaNovaT-Thin.eot');
  src: url('../fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'), url('../fonts/ProximaNovaT-Thin.woff') format('woff'), url('../fonts/ProximaNovaT-Thin.ttf') format('truetype'), url('../fonts/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ProximaNova-ThinIt';
  src: url('../fonts/ProximaNova-ThinIt.eot');
  src: url('../fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-ThinIt.woff2') format('woff2'), url('../fonts/ProximaNova-ThinIt.woff') format('woff'), url('../fonts/ProximaNova-ThinIt.ttf') format('truetype'), url('../fonts/ProximaNova-ThinIt.svg#ProximaNova-ThinIt') format('svg');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
/* OVERRIDING BOOTSTRAP 5 **/

@media (min-width: 1500px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1420px;
  }
}
body {}
html,
body {
  width: auto!important;
  overflow-x: hidden!important
}
.container-xxl {
  max-width: 1440px;
}
.container-1920 {
  max-width: 1944px;
}
.container-1600 {
  max-width: 1624px;
}
.container-1540 {
  max-width: 1564px;
}
.container-1440 {
  max-width: 1464px;
}
.container-1320,
.faces-of-pharmacy .main-content {
  max-width: 1344px;
}
.container-1100 {
  max-width: 1124px;
}
.container-lg {
  max-width: 994px;
}
.container-880,
.block-views-blockpharm-pager-block-1 {
  max-width: 904px;
}
.container-800 {
  max-width: 824px;
}
.container-640 {
  max-width: 664px;
}
#bootstrap-horizontal-tabs {
  max-width: 1444px;
}
.container-640,
.container-880,
.container-1100,
.container-1440,
.container-1320,
.container-1540,
.container-1920,
.container-1600,
.container-800,
#bootstrap-horizontal-tabs,
.faces-of-pharmacy .main-content,
.block-views-blockpharm-pager-block-1 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
/*
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 0;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
*/

body {
  background: #ffffff;
  font: normal normal normal 20px/30px ProximaNova;
}
strong,
.strong {
  font-family: ProximaNova-Bold;
}
.sixteen {
  font-size: 16px;
  line-height: 24px;
}
.blue {
  color: #0060A3;
}
.center {
  text-align: center;
  margin: 0 auto;
  self-justify: center;
}
.node__meta {
  display: none;
}
.page-view-frontpage h1 {
  font: normal normal normal 70px/85px ProximaNova;
  color: #FFFFFF !important;
}
.page-view-frontpage h1 span.bold {
  font: normal normal normal 70px/85px ProximaNova-ExtraBold;
}
h1 {
  font: normal normal normal 60px/73px ProximaNova;
  color: #FFFFFF !important;
}
h1 span.bold {
  font: normal normal normal 60px/73px ProximaNova-ExtraBold;
}
h2 {
  color: #0060A3 !important;
  font: normal normal normal 50px/61px ProximaNova-Bold;
  margin: 85px auto 37px auto;
}
#sidebar_second h2 {
  font: normal normal normal 24px/29px ProximaNova-Bold;
  color: #C03493 !important;
  text-transform: uppercase;
  padding: 0.5rem 0rem 0rem 0.9rem;
}
.why-pharmacy h2 {
  margin-top: 30px;
}
h3 {
  color: #007F95;
  font: normal normal normal 40px/48px ProximaNova-Bold;
  margin-bottom: 40px;
}
h3.daily {
  padding-top: 40px;
}
h3.smaller {
  font: normal normal normal 28px/40px ProximaNova-Bold;
}
h4 {
  font: normal normal normal 30px/40px ProximaNova-Bold;
  color: #047488 !important;
}
h5 {
  font: normal normal normal 20px/32px ProximaNova-Bold;
  color: #0060A3 !important;
  padding-top: 20px;
}
.node--type-career-page h5 {
  font: normal normal bold 30px/50px Proxima Nova;
  color: #007F95;
}
.node--type-pharmacist h5 {
  margin-top: 20px;
  margin-bottom: 20px;
  font: normal normal normal 28px/36px ProximaNova-Bold;
}
.node--type-pharmacist h5:first-of-type {
  margin-top: 0;
}
h6 {
  font: normal normal normal 20px/32px ProximaNova-Bold!important;
  color: #047488 !important;
  text-decoration: underline !important;
  margin-bottom: 1rem;
  margin-top: 2.5rem;
}
p {
  margin-bottom: 1rem;
}
.leading-text {
  font: normal normal normal 30px/42px ProximaNova;
}
.sub-head {
  color: #007F95;
  font: normal normal normal 16px/24px ProximaNova-Bold;
}
.wpb_wrapper {
  margin-top: 50px;
}
a,
a:active {
  font: normal normal normal 20px/30px ProximaNova-Semibold;
  color: #0060A3;
  text-decoration: none;
}
a:hover {
  --bs-dropdown-link-hover-bg: #fff;
}
#sidebar_first .nav-link,
#block-pharm4me-barrio-careers-2 .nav-link {
  font: normal normal normal 18px/36px ProximaNova-Bold;
  color: #0D95C7;
  padding: 3px 0 3px 0;
}
#sidebar_first .nav-link.active,
#block-pharm4me-barrio-careers-2 .nav-link.active {
  border: none;
  font: normal normal normal 18px/36px ProximaNova-Bold;
  color: #165871;
}
.sidebar nav .nav {
  margin: 0;
}
.alert-wrapper {
  position: fixed;
  bottom: initial;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 75vh;
  z-index: 9999;
}
.animate__animated {
  opacity: 0;
}
root: {
  --bs-btn-active-color: #007F95;
  --bs-btn-active-border-color: #007F95;
}
.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #047488;
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bb-primary-text);
  --bs-btn-hover-bg: var(--bb-primary-dark);
  --bs-btn-hover-border-color: var(--bb-primary-dark);
  --bs-btn-focus-shadow-rgb: 167, 50, 62;
  --bs-btn-active-color: var(--bb-primary-text);
  --bs-btn-active-bg: var(--bb-primary-dark);
  --bs-btn-active-border-color: var(--bb-primary-dark);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bb-primary-text);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --btn-hover-border-color: var(--bb-primary-dark);
  ;
}
.btn-magenta {
  background: #C03493 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font: normal normal normal 18px/22px ProximaNova-Bold;
  width: 240px;
  height: 70px;
  color: #FFFFFF;
  margin-right: 40px;
}
.btn-light-blue {
  background: #097ED0 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font: normal normal normal 18px/22px ProximaNova-Bold;
  width: 240px;
  height: 70px;
  color: #FFFFFF;
}
.btn-light-blue:hover,
.btn-light-blue:active {
  background: none;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn-pale-blue {
  background: #81DCFF 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font: normal normal normal 18px/22px ProximaNova-Bold;
  width: 240px;
  height: 70px;
  color: #000000;
}
.btn-teal {
  background: #007F95 0% 0% no-repeat padding-box;
  border-radius: 4px;
  width: 240px;
  height: 70px;
  color: #FFFFFF;
  font: normal normal normal 18px/22px ProximaNova-Bold;
}
.btn-blue {
  background: #0060A3 0% 0% no-repeat padding-box;
  border-radius: 4px;
  width: 220px;
  height: 70px;
  color: #FFFFFF;
  font: normal normal normal 18px/22px ProximaNova-Bold;
}
.btn-clear {
  color: #007F95;
  border-radius: 4px;
  border: 1px solid #007F95;
  font: normal normal normal 18px/22px ProximaNova-Bold;
  padding: 15px 30px;
  margin-top: 20px;
}
.btn-yellow {
  background: #FDC71C 0% 0% no-repeat padding-box;
  color: #165871;
  border-radius: 20px;
  border: 1px solid #007F95;
  font: normal normal normal 18px/22px ProximaNova-Bold;
  padding: 25px 100px;
  margin-top: 30px;
  margin-bottom: 30px;
}
#block-pharm4me-barrio-readytobecomeapharmacist .btn-yellow:hover {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  color: #007F95;
}
.btn-blue:hover {
  color: #FFFFFF;
}
.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:active {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}
.banner-heading .btn:hover,
.banner-heading .btn:active,
.banner-heading .btn:focus {
  color: #097ED0;
  background-color: #FFFFFF;
  border-color: var(--bs-btn-hover-border-color);
}
.btn-clear:hover {
  color: #FFFFFF;
  background-color: #097ED0;
}
.btn-clear:hover a {
  color: #FFFFFF;
}
body {
  font: normal normal normal 20px/36px ProximaNova;
  color: #393939 !important;
}
.teal {
  color: #007F95;
}
.feed-icon {
  display: none;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#block-pharm4me-barrio-powered {
  display: none;
}
/*
.accordion h4:first-of-type,
.accordion h6:first-of-type,
.accordion p:first-of-type {
    margin-top: 0
}
*/

#main {}
.layout-two-sidebars #content,
.layout-one-sidebar #content {
  margin-top: 3vw;
}
/* GENERAL */

.grid-one-four {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 10px;
  align-content: center;
  height: 360px;
}
.grid-one-four .left {
  justify-self: center;
  align-self: center;
}
.grid-one-four .right {
  align-self: center;
  padding: 25px;
  border-left: 1px solid #ffffff;
  margin-left: -25px;
}
.grid-one-four .right p {
  margin-bottom: 0;
}
.region-wrapper-featured-top .container-xxl {
  max-width: 1720px;
}
.field--name-title {
  text-align: center;
  font: normal normal normal 50px/61px ProximaNova-Bold;
  color: #0060A3;
  text-decoration: none;
}
.node--view-mode-teaser h2 {
  text-align: center;
}
.large-text {
  font: normal normal normal 30px/46px ProximaNova;
  color: #393939;
  text-align: center;
}
.is-a-grid {
  display: grid;
}
.grid-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grid-three {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grid-five {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  row-gap: 4px;
}
.grid-five-one {
  display: grid;
  grid-template-columns: 5fr 1fr;
  gap: 10px;
  row-gap: 10px;
}
.grid-one-four {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 10px;
  row-gap: 10px;
}
.grid-one-five {
  display: grid;
  grid-template-columns: 1fr 5fr;
  gap: 10px;
  row-gap: 10px;
}
.grid-one-two {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
  row-gap: 10px;
}
.node__content {
  /*margin-bottom: 50px;*/
}
/* NAV BAR */

#navbar-main {
  background-color: transparent;
  border-bottom: 10px solid #067488;
  padding: 0;
  position: relative;
}
#navbar-main section.full-width {
  padding: 10px 100px;
}
.menu--main .nav-link {
  font: normal normal normal 18px/22px ProximaNova-Bold;
  color: #393939;
  padding-right: 2vw !important;
  padding-left: 2vw !important;
  padding-top: 30px;
  padding-bottom: 31px;
}
@media (max-width: 1500px) {
  .nav-link {
    padding-right: 0.5vw !important;
    padding-left: 0.5vw !important;
  }
}
/* Only for non-mobile */

@media (min-width: 1400px) {
  /* make menu hover display */
  .dropdown:hover>.dropdown-menu {
    display: block;
    margin-top: 2px;
    width: 100%;
    min-width: 220px;
  }
  .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
  }
  .dropdown:has(a.active) ul {
    margin-top: 0px !important;
  }
  .dropdown-toggle::after {
    display: none;
  }
  .dropdown-menu {
    border-top: 10px solid #FDC71C;
    border-radius: 0px 0px 5px 5px;
    margin-top: -2px;
    padding: 0;
  }
  .dropdown-item {
    text-align: center;
    background-color: #EEEEEE;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .dropdown-item a {
    font: normal normal normal 18px/22px ProximaNova-Bold;
    color: #165871;
    text-decoration: none;
  }
  .dropdown-item:hover {
    background-color: #E2FDFF;
  }
  .dropdown-item:last-of-type {
    border-radius: 0px 0px 5px 5px;
  }
  .navbar-expand-lg .navbar-nav>li {
    padding: 30px 30px;
  }
  .navbar-expand-lg .navbar-nav>li:has(a.active) {
    padding: 28px 30px;
  }
  .nav-item .dropdown-item a.active {
    color: #165871;
  }
  .nav-item .dropdown-item.active a.active {
    color: #FFFFFF;
  }
  .nav-item .dropdown-item.active:hover a.active {
    color: #165871;
  }
}
.navbar-brand img {
  max-height: 66px;
}
.node .field--type-image {
  float: none;
  text-align: center;
}
.node--view-mode-teaser {
  margin-bottom: 0;
  padding-bottom: 0;
}
.big-text {
  /*font: normal normal normal 30px/42px ProximaNova;
    color: #5D5654;*/
}
#navbar-top {
  display: none;
}
.social-links .fas,
.social-links .fab {
  color: #007F95;
  font-size: 26px;
  margin-left: 10px;
}
#block-pharm4me-barrio-searchandsocial {
  position: absolute;
  /* right: 5vw;
    top: 34px; */
}
a.nav-link.nav-link--pharm4me-materials {
  background: #65F0F7 0% 0% no-repeat padding-box;
  border-radius: 4px;
  padding: 12px 22px !important;
  font: normal normal normal 18px/22px ProximaNova-Semibold;
  margin-top: 18px;
  margin-bottom: 20px;
}
.nav-link.active {}
.menu--main .nav-link.active {}
#block-pharm4me-barrio-careers .nav-link.active {
  border-bottom: 2px solid#FDC71C;
}
/* SEARCH/SOCIAL */

.social-links>div {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  top: -4px;
}
.social-links a {
  padding: 0;
  display: inline-block;
  margin-right: 20px;
}
.search-glass img {
  height: 25px;
  margin-bottom: 10px;
}
.search-block-form {
  position: absolute;
}
div.search-box {
  position: fixed;
  top: 120px;
  right: 30px;
  z-index: 5000;
  opacity: 0;
}
input[type="search"] {
  width: 300px;
}
#edit-submit--2 {
  display: none;
}
#navbar-main section.full-width {
  padding: 10px 20px;
}
#block-pharm4me-barrio-searchandsocial {
  right: 0;
  top: 28px;
}
/* nav mobile 
@media (max-width: 1750px) {
    #navbar-main section.full-width {
        padding: 10px 20px;
    }
    #block-pharm4me-barrio-searchandsocial {
        right: 0;
        top: 34px;
    }
}
*/

@media (max-width: 1535px) {
  .navbar-expand-lg .navbar-nav>li {
    padding: 30px 10px;
  }
}
@media (min-width: 1201px) and (max-width: 1350px) {
  .nav-link {
    font: normal normal normal 16px / 20px ProximaNova-Bold;
  }
}
/* NEWSLETTER SUBSCRIBE */

#block-pharm4me-barrio-newslettersubscribe .intro,
#block-pharm4me-barrio-newslettersubscribe .main,
#block-pharm4me-barrio-newslettersubscribe .intro>div {
  display: inline-block;
}
#block-pharm4me-barrio-newslettersubscribe {
  position: absolute;
  top: 250px;
  right: 0;
  z-index: 10;
  max-width: 780px;
}
#block-pharm4me-barrio-newslettersubscribe .intro {
  width: 80px;
  background: #BDFF6B 0% 0% no-repeat padding-box;
  border-left: 10px solid #0060A3;
  font: normal normal normal 20px/24px ProximaNova-Bold;
  text-align: center;
  vertical-align: top;
}
#block-pharm4me-barrio-newslettersubscribe .intro .field--name-field-media-image {
  margin-top: 10px;
}
#block-pharm4me-barrio-newslettersubscribe .intro .inner {
  writing-mode: vertical-lr;
  text-orientation: sideways;
  padding: 0 20px 20px 20px;
}
#block-pharm4me-barrio-newslettersubscribe .main {
  background-color: #EAEAEACC;
  max-width: 700px;
  padding: 0;
  display: none;
  opacity: 0;
  width: 0;
}
#block-pharm4me-barrio-newslettersubscribe .submit {
  color: #ffffff;
  background: #0060A3 0% 0% no-repeat padding-box;
  border-radius: 4px;
  max-width: 220px;
  text-align: center;
  font: normal normal normal 20px/30px ProximaNova-Semibold;
  height: 70px;
  width: 220px;
}
#block-pharm4me-barrio-newslettersubscribe .form-control {
  border-radius: 0;
  margin-bottom: 30px;
}
#block-pharm4me-barrio-subscribewithawebform .intro,
#block-pharm4me-barrio-subscribewithawebform .main,
#block-pharm4me-barrio-subscribewithawebform .intro>div {
  display: inline-block;
}
#block-pharm4me-barrio-subscribewithawebform {
  position: absolute;
  top: 250px;
  right: 0;
  z-index: 10;
  max-width: 780px;
}
#block-pharm4me-barrio-subscribewithawebform .intro {
  width: 80px;
  background: #BDFF6B 0% 0% no-repeat padding-box;
  border-left: 10px solid #0060A3;
  font: normal normal normal 20px/24px ProximaNova-Bold;
  text-align: center;
  vertical-align: top;
}
#block-pharm4me-barrio-subscribewithawebform .intro .field--name-field-media-image {
  margin-top: 10px;
}
#block-pharm4me-barrio-subscribewithawebform .intro .inner {
  writing-mode: vertical-lr;
  text-orientation: sideways;
  padding: 0 20px 20px 20px;
}
#block-pharm4me-barrio-subscribewithawebform .main,
#block-pharm4me-barrio-subscribewithawebform .field--name-field-your-webform {
  background-color: #EAEAEACC;
  max-width: 700px;
  padding: 0;
  display: none;
  opacity: 0;
  width: 0;
}
#block-pharm4me-barrio-subscribewithawebform .field--name-field-your-webform {
  margin-left: 80px;
}
#block-pharm4me-barrio-subscribewithawebform .submit {
  color: #ffffff;
  background: #0060A3 0% 0% no-repeat padding-box;
  border-radius: 4px;
  max-width: 220px;
  text-align: center;
  font: normal normal normal 20px/30px ProximaNova-Semibold;
  height: 70px;
  width: 220px;
}
#block-pharm4me-barrio-subscribewithawebform label,
legend.captcha__title {
  font: normal normal normal 20px/30px ProximaNova-Bold;
}
#block-pharm4me-barrio-subscribewithawebform .form-control {
  border-radius: 0;
  margin-bottom: 30px;
  width: 300px;
  font: normal normal normal 20px/37px ProximaNova-Bold;
}
#block-pharm4me-barrio-subscribewithawebform select {
  width: 300px;
  font: normal normal normal 18px/37px ProximaNova-Bold;
  border-radius: 0;
}
.subscribe {
  position: relative;
}
.subscribe h3 {
  font: normal normal normal 30px/37px ProximaNova-Bold;
  color: #393939;
  margin-bottom: 10px;
}
.subscribe label {
  font: normal normal normal 20px/30px ProximaNova-Bold;
}
.required {
  /* color: #FF0045;*/
}
.subscribe input {
  width: 100%;
  height: 60px;
  font: normal normal normal 30px/37px ProximaNova;
}
.subscribe input.email {
  width: 100%;
}
.subscribe .field_item img {
  rotate: 0 1 1 39deg;
}
/* arrow to indicate subscribe sidebar can be opened */
#block-pharm4me-barrio-subscribewithawebform img {
  rotate: 0 1 1 40deg;
}
/* arrow to indicate subscribe sidebar can be closed */
#block-pharm4me-barrio-subscribewithawebform:has(.main.active) img {
  rotate: 0 1 1 -40deg;
}
#block-pharm4me-barrio-content {}
#block-pharm4me-barrio-readytobecomeapharmacist {
  /* margin-top: -60px; */
}
.why-pharmacy #block-pharm4me-barrio-readytobecomeapharmacist {
  margin-top: 0;
}
/** FOOTER **/

.menu--footer,
.site-footer .content a,
.site-footer .content a.is-active {
  font: normal normal normal 16px/19px ProximaNova-Bold;
  color: #000000;
}
.site-footer .content {
  color: #000000
}
.region-footer-first {
  text-align: center;
}
.footer-inner .one {
  margin-bottom: 30px;
}
.footer-inner .two {
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.footer-inner .three {
  margin-bottom: 60px;
}
.footer-inner .four {}
.site-footer .content a:hover,
.site-footer .content a:focus {
  color: #000000 !important;
}
@media (min-width: 851px) {
  .site-footer__top .region {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 560px) {
  .site-footer__top .region {
    float: none;
    position: relative;
    width: 100%;
  }
}
.site-footer__bottom {
  display: none;
}
.site-footer {
  padding-bottom: 0;
}
/* ####################################################################*/

/* BANNERS */

.banner-heading {
  display: flex;
  align-items: center;
  min-height: 500px;
}
/* home banner */

section:has(#block-pharm4me-barrio-bannerhome) {
  background: url('/sites/default/files/headers/homepage-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 75%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0, 100% 75%, 0% 100%);
}
.banner-home {
  color: #FFFFFF;
  padding-top: 25vh;
  display: block;
  padding-left: 20px;
}
.banner-home h1 {
  margin-bottom: 30px;
}
.banner-home button {
  color: #FFFFFF;
}
/* AboutPharm4Me */

section:has(#block-pharm4me-barrio-bannerpharm4me) {
  background: url('/sites/default/files/headers/about-pharm4me-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 850px;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 75%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0, 100% 75%, 0% 100%);
}
#block-pharm4me-barrio-bannerpharm4me {
  height: 70vh;
}
.blue-box {
  background: #0060A3 0% 0% no-repeat padding-box;
  border-radius: 10px 10px 0px 0px;
  color: #DDF6FF;
  font: normal normal normal 30px/42px ProximaNova;
  padding: 40px 80px;
  text-align: center;
  margin-bottom: 60px;
}
.light-blue {
  color: #0060A3
}
/* Why Pharmacy */

section:has(#block-pharm4me-barrio-bannerwhypharmacy) {
  background: url('/sites/default/files/headers/about-pharmacy-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}
.banner-why-pharmacy {
  height: 700px;
}
/* Materials */

section:has(#block-pharm4me-barrio-bannermaterials) {
  background: url('/sites/default/files/headers/pharm4me-materials-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  display: flex;
  align-items: center;
}
/* banner quiz */

.banner-quiz {
  height: 500px;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  display: flex;
  align-items: center;
}
.banner-quiz-left {
  background: #0060A3 0% 0% no-repeat padding-box;
  width: 600px;
  height: 500px;
  display: flex;
}
.banner-quiz-left h1 {
  align-self: center;
  margin-left: 100px;
}
.banner-quiz-right {
  background: url('/sites/default/files/headers/pharmacy-career-quiz-01-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  width: calc(100vw - 600px);
}
/* Careers in Pharmacy */

.banner-careers-in-pharmacy {
  height: 500px;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}
.banner-careers-in-pharmacy-left {
  background: #0060A3 0% 0% no-repeat padding-box;
  width: 600px;
  height: 500px;
  display: flex;
}
.banner-careers-in-pharmacy-left h1 {
  align-self: center;
  margin-left: 100px;
}
.banner-careers-in-pharmacy-right {
  background: url('/sites/default/files/headers/careers-in-pharmacy-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  width: calc(100vw - 600px);
}
/* Start Your Journey */

section:has(#block-pharm4me-barrio-bannerstarthere) {
  background: url('/sites/default/files/headers/start-your-journey-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}
.banner-start-here {
  height: 720px;
}
.banner-start-here.banner-heading h1 {
  font: normal normal normal 60px/73px ProximaNova-Semibold;
}
.banner-start-here.banner-heading h1 .bold {
  font: normal normal normal 60px/73px ProximaNova-Extrabold;
}
/* Admissions */

.banner-admissions {
  height: 500px;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}
.banner-admissions-left {
  background: #C03493 0% 0% no-repeat padding-box;
  width: 600px;
  height: 500px;
  display: flex;
}
.banner-admissions-left h1 {
  display: grid;
}
.banner-admissions-left h1 span.bold {
  align-self: center;
  margin-left: 100px;
  font: normal normal normal 50px/62px ProximaNova-Extrabold;
}
.banner-admissions-right {
  background: url('/sites/default/files/headers/admissions-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  width: calc(100vw - 600px);
}
/* STRUCTURES APPLICATION FINANCIAL*/

.banner-structures,
.banner-application,
.banner-financial {
  height: 500px;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}
.banner-structures-left,
.banner-application-left,
.banner-financial-left {
  background: #C03493 0% 0% no-repeat padding-box;
  width: 31vw;
  height: 500px;
  display: flex;
  min-width: 600px;
}
.banner-structures h1,
.banner-application h1,
.banner-financial h1 {
  display: grid;
  align-self: center;
  margin-left: 100px;
  font: normal normal normal 50px/62px ProximaNova-Extrabold;
}
.banner-structures-right {
  background: url('/sites/default/files/headers/pharmd-structures-02-header.jpg');
}
.banner-application-right {
  background: url('/sites/default/files/headers/pharmd-application-01-header.jpg');
}
.banner-financial-right {
  background: url('/sites/default/files/headers/financial-resources-header.jpg');
}
.banner-structures-right,
.banner-application-right,
.banner-financial-right {
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  width: calc(100vw - 31vw);
}
.node--type-page {
  /*margin-bottom: 120px;*/
}
#main-wrapper {
  margin-bottom: 100px;
}
.careers-in-pharmacy #main-wrapper {
  margin-bottom: 60px;
}
/* ####################################################################*/

/* TITLES we generally don't display the title, it's often in the banner */

h1.title,
h1.title span.field--name-title {
  display: none;
}
.title-show h1.title,
.title-show h1.title span.field--name-title {
  display: block !important;
  text-align: left;
  text-transform: uppercase;
  margin-top: 75px;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  /*
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-left: 5px;
    */
  font: normal normal normal 40px/62px ProximaNova-Extrabold;
}
.faces-of-pharmacy h1.title {
  display: block;
  font: normal normal normal 50px/62px ProximaNova-Bold;
  color: #0060A3 !important;
  text-transform: uppercase;
  text-align: center;
  margin-top: 75px;
  margin-bottom: 60px;
}
.faces-of-pharmacy .view-header h2 {
  display: none;
}
.faces-of-pharmacy main img {
  width: 200px;
  height: auto;
  border-radius: 5px;
}
.careers-in-pharmacy h1.title span.field--name-title {
  display: none !important;
}
.title-show h1.title {
  padding-left: 0;
  margin-left: 0;
  color: #0060A3 !important;
  font: normal normal normal 50px/62px ProximaNova-Bold;
  text-align: center;
  margin-bottom: 1em;
}
.node--type-career-page h1.title {
  font: normal normal normal 40px/62px ProximaNova-Extrabold;
  text-align: left;
  margin-bottom: 20px;
}
/* FEATURED BOTTOM */

.career-quiz .featured-bottom {
  top: 0;
}
/* ########################### PAGES #################################*/

/* HOME */

.home.container-lg {
  text-align: center;
}
.home.container-lg .btn-teal {
  margin-top: 30px;
}
.node--view-mode-teaser {
  border-bottom: none;
}
#block-pharm4me-barrio-homeimpacts {
  background-image: linear-gradient(174deg, #FFFFFF 0%, #FFFFFF calc(25% + 2px), #ADE6E6 25%, #ADE6E6 75%, #F5F5F5 calc(75% + 2px));
  /*padding-top: 100px;*/
  padding-bottom: 100px;
}
.row.impact {
  max-width: 1520px;
  margin: 0 auto;
}
.impact-item {
  width: 460px;
  margin: 50px auto;
  border-top: 20px solid #009593;
  position: relative;
  padding: 0;
  background: #fff;
}
.impact-item .top img {
  width: 100%;
  height: auto;
}
.impact-item .middle {
  background-color: #0060A3;
  font: normal normal normal 30px/42px ProximaNova-Bold;
  color: #FFFFFF;
  padding: 0 10px 0 35px;
  position: relative;
  top: -20px;
  left: -15px;
  width: 95%;
  height: 140px;
  max-width: calc(100vw - 30px);
  display: grid;
  align-items: center;
}
.impact-item .middle:after {
  content: ' ';
  height: 15px;
  width: 15px;
  background: linear-gradient(225deg, #06385C 0%, #06385C 50%, #ADE6E6 50%, #ADE6E6 100%);
  position: absolute;
  top: 140px;
  left: 0;
}
.impact-item .bottom {
  background-color: #FFFFFF;
  font: normal normal normal 26px/40px ProximaNova-Semibold;
  padding: 0 40px 40px 40px;
}
#block-pharm4me-barrio-hometrailblazers {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  padding-bottom: 200px;
}
#block-pharm4me-barrio-hometrailblazers h2 {
  margin-top: 0;
  color: #C03493;
  text-align: center;
}
#block-pharm4me-barrio-hometrailblazers .large-text {
  max-width: 640px;
  margin: 0 auto;
  margin-bottom: 80px;
}
#block-pharm4me-barrio-hometrailblazers .left {
  position: relative;
}
#block-pharm4me-barrio-hometrailblazers .right {
  align-self: center;
}
.view-content.row {
  margin: 0;
}
#block-pharm4me-barrio-views-block-trailblazers-block-1 {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  padding-bottom: 100px;
}
#block-pharm4me-barrio-views-block-trailblazers-block-1 h2 {
  margin-top: 0;
  color: #C03493;
  text-align: center;
}
#block-pharm4me-barrio-views-block-trailblazers-block-1 .large-text {
  max-width: 640px;
  margin: 0 auto;
  margin-bottom: 80px;
}
#block-pharm4me-barrio-views-block-trailblazers-block-1 .left {
  position: relative;
}
div.underlay {}
div.underlay img {
  left: 50%;
  top: 50%;
  transform: translate(-50%, 1%);
  position: relative;
}
div.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
blockquote {
  font: normal normal normal 36px/46px ProximaNova;
  color: #0060A3;
  margin: 30px 0 30px;
}
blockquote p {
  margin-bottom: 0;
}
blockquote img {
  padding-bottom: 1rem;
}
#block-pharm4me-barrio-views-block-trailblazers-block-1 .right {
  align-self: center;
}
#block-pharm4me-barrio-views-block-trailblazers-block-1 .overlay img {
  border-radius: 10px;
  margin: 75px;
  width: 500px;
  height: auto;
}
.carousel-item {
  padding-bottom: 100px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {}
#block-pharm4me-barrio-homeyourcareer {
  text-align: center;
  padding-top: 80px;
  background-color: #FFF;
  position: relative;
}
#block-pharm4me-barrio-homeyourcareer h2 {
  color: #0060A3;
}
#block-pharm4me-barrio-homeyourcareer .large-text {}
#block-pharm4me-barrio-homeyourcareer h3 {
  font: normal normal normal 30px/30px ProximaNova-Bold;
  color: #165871;
  margin-bottom: 80px;
}
#block-pharm4me-barrio-homeyourcareer .btn-teal {
  width: 320px;
  height: 70px;
  margin-bottom: 110px;
}
#block-pharm4me-barrio-homeyourcareer .top {
  height: 180px;
  position: relative;
}
#block-pharm4me-barrio-homeyourcareer lottie-player {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#block-pharm4me-barrio-homeyourcareer .bottom {}
#block-pharm4me-barrio-homemedicine {
  position: relative;
}
#block-pharm4me-barrio-homemedicine .row {
  margin: 0;
}
#block-pharm4me-barrio-homemedicine .right {
  background: #0060A3 0% 0% no-repeat padding-box;
  text-align: center;
  color: #FFFFFF;
  align-content: center;
  padding-right: 0;
  padding-left: 0;
}
#block-pharm4me-barrio-homemedicine .right .right-inner {
  padding: 30px 0;
}
#block-pharm4me-barrio-homemedicine .left {
  padding-right: 0;
  padding-left: 0;
}
#block-pharm4me-barrio-homemedicine .large-text {
  color: #FFFFFF;
}
#block-pharm4me-barrio-homemedicine h2 {
  color: #FFD960 !important;
  margin-top: 1rem;
}
#block-pharm4me-barrio-homemedicine .col-6 {
  padding: 0;
}
#block-pharm4me-barrio-homemedicine img {
  width: 100%;
  height: auto;
}
#block-pharm4me-barrio-homemedicine .btn-clear {
  border: 1px solid #FFFFFF;
  padding: 25px 75px;
}
#block-pharm4me-barrio-homemedicine .btn-clear a {
  color: #FFFFFF;
  font: normal normal normal 20px/24px ProximaNova-Bold;
  text-decoration: none;
}
#block-pharm4me-barrio-homemedicine .btn-clear:hover {
  background-color: #FFFFFF;
  color: #0060A3;
}
#block-pharm4me-barrio-homemedicine .btn-clear:hover a {
  color: #0060A3;
}
.grid-fullfilling {
  display: grid;
  grid-template-columns: 4fr 2fr 4fr;
  gap: 1px;
  align-content: center;
}
#block-pharm4me-barrio-homefullfilling {
  margin-bottom: 190px;
  padding-top: 100px;
  position: relative;
}
#block-pharm4me-barrio-homefullfilling h2 {
  color: #0060A3;
}
#block-pharm4me-barrio-homefullfilling h3 {
  font: normal normal normal 30px/37px ProximaNova-Bold;
  color: #C03493;
}
#block-pharm4me-barrio-homefullfilling .one h3 {
  color: #0060A3;
}
#block-pharm4me-barrio-homefullfilling .four h3 {
  color: #007F95;
  padding-left: 50px;
}
#block-pharm4me-barrio-homefullfilling .two h3 {
  color: #E27C01;
  padding-left: 50px;
}
.fullfilling .middle,
.fullfilling .middle lottie-player {}
#block-pharm4me-barrio-readytobecomeapharmacist {
  background: #007F95 0% 0% no-repeat padding-box;
  text-align: center;
  position: relative;
  padding-bottom: 30px;
}
#block-pharm4me-barrio-readytobecomeapharmacist h2 {
  color: #FFFFFF !important;
  margin: 0 auto;
  padding-top: 70px;
}
.path-frontpage #block-pharm4me-barrio-readytobecomeapharmacist p {
  margin-bottom: 50px;
}
#block-pharm4me-barrio-readytobecomeapharmacist .btn-yellow {
  font: normal normal normal 18px/22px ProximaNova-Semibold;
  color: #393939;
  text-transform: uppercase;
  background: #FDC71C 0% 0% no-repeat padding-box;
  border-radius: 4px;
  padding: 23px 60px;
}
#fullfilling .grid-item {
  position: relative;
}
#fullfilling .one img {
  animation: blink 1s;
  animation-iteration-count: infinite;
}
#fullfilling .two img {
  animation: blink 1.5s;
  animation-iteration-count: infinite;
}
#fullfilling .three img {
  animation: blink 2s;
  animation-iteration-count: infinite;
}
#fullfilling .four img {
  animation: blink 2.5s;
  animation-iteration-count: infinite;
}
#fullfilling .one h3:before {
  content: ' ';
  position: absolute;
  top: -40px;
  left: -45px;
  width: 80px;
  height: 80px;
  background: url('/sites/default/files/2024-10/tt-01.svg');
  background-repeat: no-repeat;
}
#fullfilling .two h3:before {
  content: ' ';
  position: absolute;
  top: -40px;
  left: 5px;
  width: 80px;
  height: 80px;
  background: url('/sites/default/files/2024-10/tt-02.svg');
  background-repeat: no-repeat;
}
#fullfilling .three h3:before {
  content: ' ';
  position: absolute;
  top: -40px;
  left: -45px;
  width: 80px;
  height: 80px;
  background: url('/sites/default/files/2024-10/tt-03.svg');
  background-repeat: no-repeat;
}
#fullfilling .four h3:before {
  content: ' ';
  position: absolute;
  top: -40px;
  left: 5px;
  width: 80px;
  height: 80px;
  background: url('/sites/default/files/2024-10/tt-04.svg');
  background-repeat: no-repeat;
}
#imginfo4 img,
#imginfo2 img {
  margin-left: 50px;
}
.spacer {
  /*border: 1px solid #0f0f0f;*/
  height: 230px;
}
.right .spacer {
  height: 350px;
}
.underline {
  width: 100%;
  color: #FFFFFF;
  border-bottom: 1px solid #0F0F0F;
}
.fullfilling .left {}
.fullfilling .left,
.fullfilling .right {
  padding-top: 150px;
  color: #2E2E2E;
  font: normal normal normal 16px/24px ProximaNova;
}
.one.grid-five-one,
.two.grid-one-five,
.three.grid-five-one,
.four.grid-one-five {
  position: relative;
}
.one.grid-five-one .grid-item {}
#info1,
#info2,
#info3,
#info4 {
  position: absolute;
  top: 70px;
}
#info1 {
  /*left: -100px;*/
}
#info3 {
  top: 120px;
}
.fullfilling h3 {
  margin-bottom: 10px;
  position: relative;
}
.fullfilling .grid-item p {
  margin-bottom: 1em;
}
.fullfilling p.large-text {
  margin-bottom: 100px;
}
#fullfilling .left h3,
#fullfilling .left #imginfo3 {
  width: 450px;
  float: right;
}
#fullfilling .left .one h3 {
  width: 300px;
}
#fullfilling .left #imginfo1 {
  width: 300px;
  float: right;
}
#fullfilling .middle {
  padding: 0;
  margin: 0 auto;
}
.accordion-body {
  background-color: #f9f9f9;
  padding: 2.5rem 2rem;
}
/* WHY PHARMACY / ABOUT PHARMACY */

.accordion {
  border: none;
  --bs-accordion-border-width: 0px;
}
.accordion-button {
  border: none;
  border-bottom: 0.5px solid #707070;
  border-radius: 0 !important;
}
.accordion-header a {
  text-decoration: none;
  font: normal normal normal 20px/30px ProximaNova-Bold;
  color: #0060A3 !important;
  text-transform: uppercase;
  padding: 25px 0 25px 0;
}
.accordion-button::after {
  --bs-accordion-btn-icon: url('https://pharmacyforme.org/sites/default/files/2024-09/accordion-down-arrow.svg') !important;
}
.accordion-button:not(.collapsed),
.accordion-header a:not(.collapsed) {
  background: transparent;
  color: #0060A3;
}
.accordion-button:not(.collapsed)::after {
  --bs-accordion-btn-active-icon: url('https://pharmacyforme.org/sites/default/files/2024-09/accordion-down-arrow.svg');
}
.accordion.materials .accordion-button::after,
.financial-resources .accordion-button::after,
.admissions .accordion-button::after {
  --bs-accordion-btn-icon: url('https://pharmacyforme.org/sites/default/files/2024-09/accordion-down-arrow-pink.svg') !important;
}
.accordion.materials .accordion-button:not(.collapsed),
.financial-resources .accordion-button:not(.collapsed),
.admissions .accordion-button:not(.collapsed) {
  background: transparent;
  color: #007F95 !important;
}
.accordion.materials .accordion-button:not(.collapsed)::after,
.financial-resources .accordion-button:not(.collapsed)::after,
.admissions .accordion-button:not(.collapsed)::after {
  --bs-accordion-btn-active-icon: url('https://pharmacyforme.org/sites/default/files/2024-09/accordion-down-arrow-pink.svg');
}
.accordion-button:focus {
  border-color: #ffffff;
  box-shadow: none;
}
.accordion-button.collapsed {
  border-bottom: 0.5px solid #707070;
  box-shadow: none;
}
.accordion-body li {
  margin-bottom: 10px;
}
#block-pharm4me-barrio-aboutpharmacytopreasons {
  background: #F6FEFF 0% 0% no-repeat padding-box;
  text-align: center;
  padding-bottom: 70px;
}
#block-pharm4me-barrio-aboutpharmacytopreasons .bottom h3 {
  font: normal normal normal 30px/34px ProximaNova-Bold;
  margin-bottom: 20px;
}
#block-pharm4me-barrio-aboutpharmacytopreasons h2 {
  padding-top: 120px;
  padding-bottom: 0;
}
.top-reasons .grid-three {
  gap: 50px;
  align-items: center;
}
.top-reasons .bottom {
  margin-top: 10px;
}
.top-reasons button {
  margin-top: 100px;
}
.why-pharmacy .grid-item {
  position: relative;
}
.why-pharmacy lottie-player {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.why-pharmacy .grid-item div:first-of-type {
  height: 160px;
  position: relative;
}
.state-of-the-art-technology .bottom {}
/* ############################################# */

/* CAREERS IN PHARMACY */

/*tab container */

.careers-in-pharmacy h1.title {
  display: none !important;
}
#bootstrap-horizontal-tabs-content {}
.grid-five .item {
  justify-self: center;
  align-self: center;
  border: 1px solid blue;
  width: 284px;
  height: 284px;
}
.grid-five .item .icon-top {
  width: 100%;
}
.grid-five .item .title {
  text-align: center;
  font: normal normal normal 24px/30px ProximaNova-Bold;
  letter-spacing: 0px;
  color: #007F95;
}
.grid-five .item:hover {
  background: #047488 0% 0% no-repeat padding-box;
}
.grid-five .item:hover .title {
  color: #ffffff;
}
.node--type-basic-page-with-tabs .node__content>div:nth-child(2) {
  position: relative;
  color: ;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.node--type-basic-page-with-tabs .node__content>div:nth-child(2)>div:first-of-type {
  display: none;
}
ul#bootstrap-horizontal-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: none;
}
ul#bootstrap-horizontal-tabs li {
  flex-grow: 1;
  width: 33%;
  height: 280px;
  s border: 1px solid #FFFFFF;
  text-align: center;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: none;
}
/*.node__content > div:nth-child(2)*/

ul#bootstrap-horizontal-tabs li a {
  font: normal normal normal 30px/40px ProximaNova-Bold;
  color: #165871;
}
ul#bootstrap-horizontal-tabs li:nth-of-type(1) {
  background: #DEF6FF 0% 0% no-repeat padding-box;
}
ul#bootstrap-horizontal-tabs li:nth-of-type(2) {
  background: #E2FDFF 0% 0% no-repeat padding-box;
}
ul#bootstrap-horizontal-tabs li:nth-of-type(3) {
  background: #F4FDE8 0% 0% no-repeat padding-box;
}
ul#bootstrap-horizontal-tabs .nav-tabs .nav-item.show .nav-link,
ul#bootstrap-horizontal-tabs.nav-tabs .nav-link.active {
  color: #165871;
  background-color: transparent;
  border: none;
  padding: 0 .5em;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: none;
}
#bootstrap-horizontal-tabs-content h3 {
  font: normal normal normal 36px/50px ProximaNova-Bold;
  color: #165871;
  text-align: center;
  padding-top: 70px;
  /* padding-bottom: 45px;*/
}
#i-want-to-work-with-patients {
  background: #DEF6FF 0% 0% no-repeat padding-box;
  padding-bottom: 240px;
}
#i-want-to-focus-on-research {
  background: #E2FDFF 0% 0% no-repeat padding-box;
  padding-bottom: 240px;
}
#other-unique-careers {
  background: #F4FDE8 0% 0% no-repeat padding-box;
  padding-bottom: 100px;
  color: #165871;
}
#i-want-to-be-a-pharmacy-technician li {
  padding-bottom: 10px;
}
#i-want-to-be-a-pharmacy-technician a {
  text-decoration: underline;
  font: normal normal normal 20px/30px ProximaNova-Bold;
}
.careers-page-1 {
  max-width: 1484px;
  margin: 0 auto;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
  align-items: center;
  justify-content: center;
}
.careers-page-1 .grid-item {
  height: 284px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  text-align: center;
  display: grid;
  align-items: center;
  padding: 1em;
}
.careers-page-1 .grid-item:hover {
  background: #047488 0% 0% no-repeat padding-box;
}
.careers-page-1 .grid-item:hover a {
  color: #FFFFFF;
}
.careers-page-1 .grid-item .hover {
  display: none;
}
.careers-page-1 .grid-item:hover .hover {
  //display:block;
}
.careers-page-1 .grid-item:hover .original {
  //display:none;
}
@media (min-width: 560px) {
  .node .career-icon .field--type-image {
    float: none;
    margin: 0;
  }
}
.careers-page-1 .grid-item a {
  font: normal normal normal 24px/30px ProximaNova-Bold;
  letter-spacing: 0px;
  color: #007F95;
  text-transform: uppercase;
  text-decoration: none;
}
#i-want-to-be-a-pharmacy-technician .left {
  height: 384px;
}
#i-want-to-be-a-pharmacy-technician .right h3 {
  text-align: left;
}
.careers-page-1 .grid-item:hover img {
  filter: invert(87%) sepia(29%) saturate(345%) hue-rotate(41deg) brightness(105%) contrast(101%);
}
#i-want-to-be-a-pharmacy-technician .left img {
  padding: 90px 0 0 0;
}
.view-careers-pager {
  padding-bottom: 30px;
}
.view-meet-the-pharmisicst li {
  display: grid;
  justify-items: center;
}
.view-careers-list-sidebar-1 .views-row {
  padding-left: 0;
}
#sidebar_first li {
  width: 100%;
}
/* ############################################# */

/* INDIVIDUAL CAREER */

/*sidebar */

#sidebar_first,
#sidebar_second {
  padding-top: 115px;
}
#block-pharm4me-barrio-careers {
  background-color: transparent;
  border-color: #ffffff;
}
.sidebar h2 {
  border-bottom: none;
}
#sidebar_first h2 {
  font: normal normal normal 20px/40px ProximaNova-Bold;
}
#block-pharm4me-barrio-careers a {
  font: normal normal normal 18px/26px ProximaNova-Bold;
  color: #165871;
}
.node--type-career-page strong {
  font: normal normal normal 20px/32px ProximaNova-Bold;
  color: #047488;
}
#block-pharm4me-barrio-views-block-meet-the-pharmisicst-block-1 h2 {
  font: normal normal normal 24px/29px ProximaNova-Bold;
  color: #C03493;
  text-transform: uppercase;
}
.sidebar .block {
  background-color: #ffffff;
  border-color: #ffffff;
  border: none;
}
#block-pharm4me-barrio-views-block-meet-the-pharmisicst-block-1 img {}
.circle-image {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  width: 150px;
  height: 150px;
}
.circle-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
a {
  text-decoration: none;
}
#block-pharm4me-barrio-careers--2 .block a {
  font: normal normal normal 18px/36px ProximaNova-Bold;
  color: #0D95C7;
  padding: 3px 0 3px 0;
}
/* filters */

.view-faces-of-pharmacy .view-filters {
  max-width: 880px;
  margin: 0 auto;
}
#views-exposed-form-meet-the-pharmacists-page-1>div {
  flex: 0 1 auto;
}
.views-exposed-form label {
  display: none;
}
#block-pharm4me-barrio-views-block-meet-the-pharmisicst-block-1 .form-select,
#block-pharm4me-barrio-views-block-meet-the-pharmisicst-block-1 .form-control {
  border: 1px solid #047488 !important;
  border-radius: 5px;
  max-width: 400px;
}
/* ############################################# */

/* PHARMACY CAREER QUIZ WEBFORM */

.career-quiz #main-wrapper {
  margin-bottom: -15px;
}
.webform-confirmation__message .result-middle {
  padding-top: 20px;
}
.career-quiz:has(.result-top) #main-wrapper {
  display: block;
}
.addtoany_list {
  display: none;
}
.career-quiz:has(.result-top) .addtoany_list {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block !important;
  position: relative;
  bottom: 200px;
  z-index: 100; //left: 50%;
  // transform: translateX(-50%);
}
.a2a_kit a {
  padding: 0 5px;
}
#edit-final_result {
  display: none;
}
.webform-options-custom {
  min-height: 350px;
}
#block-pharm4me-barrio-takethepharmacycareerquiz .take-the-quiz {
  margin-top: 80px;
  margin-bottom: 90px;
}
#block-pharm4me-barrio-takethepharmacycareerquiz .js-form-wrapper {
  margin-bottom: 2rem !important;
}
#block-pharm4me-barrio-bannerquiz,
.take-the-quiz {
  display: none;
}
body.career-quiz:has(#edit-1-free-time) #block-pharm4me-barrio-bannerquiz {
  display: block;
}
body.career-quiz:has(#edit-1-free-time) .take-the-quiz {
  display: block;
}
#block-pharm4me-barrio-takethepharmacycareerquiz .outer-form {
  background: url('/sites/default/files/inline-images/vecteezy_ai-generated-blurred-.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 960px;
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  /*margin-bottom: -60px;*/
  padding: 2rem;
}
#block-pharm4me-barrio-takethepharmacycareerquiz .outer-form .inner-form {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000000B2 0% 0% no-repeat padding-box;
  height: 960px;
}
.webform-submission-pharmacy-career-quiz-form {
  color: #FFFFFF;
  position: relative;
  background: transparent;
  max-width: 1420px;
  margin: 0 auto;
  text-align: center;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  top: 242px;
  padding: 0 130px;
}
.webform-submission-pharmacy-career-quiz-form .webform-progress {
  font: normal normal normal 20px/24px ProximaNova;
  position: relative;
  top: 165px;
}
.webform-submission-pharmacy-career-quiz-form .js-form-type-webform-markup {
  font: normal normal normal 40px/40px ProximaNova-Bold;
  position: relative;
  top: -130px;
}
.webform-submission-pharmacy-career-quiz-formlegend .form-required {
  font: normal normal normal 30px/50px ProximaNova-Bold;
  color: #FFFFFF;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.webform-submission-pharmacy-career-quiz-form .form-required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
  background-image: url(../images/required.svg);
  background-repeat: no-repeat;
  background-size: 7px 7px;
  width: 7px;
  height: 7px;
  margin: 0 0.3em;
}
.webform-options-custom-template {
  position: relative;
  top: 100px;
}
.webform-custom-options-buttons {
  gap: 40px;
}
.webform-custom-options-button {
  height: 250px;
  width: 250px;
  border: 2px solid #FFFFFF!important;
  border-radius: 10px !important;
  background-color: transparent!important;
  color: #FFFFFF !important;
  font: normal normal normal 22px/30px ProximaNova-Bold;
}
.webform-custom-options-button:hover {
  background-color: #FDC71C !important;
  color: #393939 !important;
}
.webform-custom-options-button:hover img,
.webform-custom-options-button[data-option-value][aria-checked="true"] img {
  // filter: invert(26%) sepia(78%) saturate(438%) hue-rotate(150deg) brightness(95%) contrast(97%);
  filter: brightness(0) saturate(100%) invert(25%) sepia(47%) saturate(859%) hue-rotate(151deg) brightness(97%) contrast(86%);
}
.webform-submission-pharmacy-career-quiz-form #edit-actions {
  position: relative;
}
.webform-custom-options-button[data-option-value][aria-checked="true"] {
  color: #FDC71C !important;
  background-color: #FDC71C !important;
  color: #393939 !important;
}
.webform-custom-options-button .description {
  margin: 20px auto;
  height: 100px;
}
button.webform-button--next,
.career-quiz .webform-button--submit {
  --bs-btn-color: transparent;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 167, 50, 62;
  --bs-btn-active-color: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.webform-button--next:after,
.webform-submission-pharmacy-career-quiz-form .webform-button--submit:after {
  content: "  ";
  color: #FFFFFF;
  background: url('/sites/default/files/quiz-icons/arrow-right.svg') no-repeat;
  width: 60px;
  height: 20px;
  display: block;
}
button.webform-button--previous {
  --bs-btn-color: transparent;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 167, 50, 62;
  --bs-btn-active-color: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.webform-button--next:hover,
.webform-button--previous:hover,
.webform-button--next:active,
.webform-button--previous:active,
.webform-button--next:focus,
.webform-button--previous:focus {
  background-color: transparent;
  border-color: transparent;
  --bs-btn-focus-box-shadow: transparent;
  color: transparent;
}
.webform-button--previous:after {
  content: "  ";
  color: #FFFFFF;
  background: url('/sites/default/files/quiz-icons/arrow-left.svg') no-repeat;
  width: 60px;
  height: 20px;
  display: block;
}
.form-item-final-result,
.webform-confirmation__back {
  display: none;
}
.webform-confirmation__message {
  padding: 50px;
  font: normal normal normal 30px/50px ProximaNova-Bold;
  margin-bottom: 0;
}
.webform-confirmation__message .result-top {
  font-size: 40px;
}
.webform-confirmation__message .btn-yellow {
  display: grid;
  grid-template-columns: 1fr 5fr;
  justify-items: center;
  align-items: center;
  margin: 20px auto;
}
.webform-confirmation__message .btn-yellow .btn-left {
  filter: brightness(0) saturate(100%) invert(27%) sepia(77%) saturate(444%) hue-rotate(151deg) brightness(92%) contrast(97%);
}
.webform-confirmation__message .btn-yellow .btn-left img {
  padding-right: 20px;
}
.webform-confirmation__message .btn-yellow .btn-right {}
.webform-confirmation__message .btn-yellow .btn-right a {
  color: #165871;
  font: normal normal normal 50px/80px ProximaNova-Bold;
}
.webform-confirmation__message .result-bottom .click-button {
  font: normal normal normal 18px/26px ProximaNova;
  padding-bottom: 30px;
}
.webform-confirmation__message .result-bottom .text {
  font: normal normal normal 22px/30px ProximaNova-Bold;
  max-width: 960px;
  margin: 0 auto 30px auto;
}
.webform-confirmation__message .result-bottom .text a {
  font: normal normal normal 22px/30px ProximaNova-Bold;
  color: #FFFFFF;
  text-decoration: underline;
}
.webform-confirmation__message .result-bottom .result-share {
  font: normal normal normal 24px/32px ProximaNova-Bold;
}
.webform-confirmation__message .result-bottom .result-icons img {
  padding: 10px;
}
.fieldset-legend {
  font-family: ProximaNova-Bold;
}
/* ############################################# */

/* FACES OF PHARMACY */

.view-faces-of-pharmacy {
  margin-bottom: 150px;
}
#views-bootstrap-meet-the-pharmacists-page-1>div {
  text-align: center;
  padding-bottom: 35px;
  position: relative;
}
.view-faces-of-pharmacy .views-field-field-image {
  margin-bottom: 54px;
}
.view-meet-the-pharmacists .view-filters {
  max-width: 1100px;
  margin: 0 auto;
}
.view-meet-the-pharmacists .views-field-title a {
  font: normal normal normal 24px/29px ProximaNova-Bold;
  color: #047488;
  text-decoration: none;
  text-transform: uppercase;
  max-width: 200px;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 5px;
}
.title_492 a,
.title_495 a,
.title_500 a {
  font: normal normal normal 20px/24px ProximaNova-Bold !important;
}
.view-meet-the-pharmacists .views-field-title .title_496 a,
.view-meet-the-pharmacists .views-field-title .title_489 a {
  max-width: 170px;
}
.views-exposed-form {
  /* margin-bottom: 100px;*/
}
.view-meet-the-pharmacists .views-field-field-pharmacist {
  font: normal normal normal 20px/24px ProximaNova-Bold;
  color: #C03493;
  max-width: 200px;
  margin: 0 auto;
}
.view-faces-of-pharmacy .hover {
  display: none;
}
.image-wrapper {
  height: 295px;
  width: 295px;
  padding: 25px;
  position: relative;
}
.image-wrapper:hover .hover {
  display: block;
}
.image-wrapper:hover .static {
  display: none;
}
#views-bootstrap-meet-the-pharmacists-page-1 .views-field-nothing {
  padding: 30px 0;
}
#views-bootstrap-meet-the-pharmacists-page-1 .views-field:has(.hoverme:hover) {
  background: url('/sites/default/files/media-icons/rectangle-kilter.svg') no-repeat;
  padding: 30px 0;
  left: 50%;
  top: 0%;
  transform: translate(-50%, 0%);
  position: relative;
  background-position: center;
}
#edit-body-value {
  width: 400px;
  height: 50px;
  border-radius: 5px;
}
@media (max-width: 1400px) {
  .addtoany_list {
    bottom: 20vw;
  }
}
@media (max-width: 1000px) {
  .webform-confirmation__message .btn-yellow .btn-right a {
    font: normal normal normal 25px / 40px ProximaNova-Bold;
  }
  .webform-confirmation__message .result-bottom {
    font: normal normal normal 18px / 26px ProximaNova-Bold;
  }
  .addtoany_list {
    bottom: 35vw;
  }
}
/* INDIVIDUAL PHARMACIST */

.pharmacist.node__content {
  margin-top: 60px;
}
.pharmacist .row .left .image-wrapper {
  width: 440px;
  background: url('/sites/default/files/media-icons/rectangle-kilter.svg') no-repeat;
  background-size: 95%;
  padding: 45px 25px 0 25px;
  height: 450px;
  max-width: 90vw;
  max-height: 90vw;
}
.pharmacist .row .left .image-wrapper img {
  width: 290px;
  height: auto;
  max-width: 60vw;
  border-radius: 5px;
}
.pharmacist .row .right {
  display: flex;
  align-items: center;
}
.pharmacist .row .right .title {
  font: normal normal normal 40px/58px ProximaNova-Extrabold;
  color: #0060A3;
  text-shadow: 0px 3px 50px #00000029;
  text-transform: uppercase;
}
.pharmacist .row .right .career h2 {
  margin: 0 !important;
}
.pharmacist .row .right .career a {
  font: normal normal normal 30px/50px ProximaNova-Bold;
  letter-spacing: 0px;
  color: #007F95;
  text-transform: capitalize;
  text-decoration: none;
}
/* FORM */

.faces-of-pharmacy form .d-flex {
  gap: 40px;
  position: relative;
}
.block-views-blockpharm-pager-block-1 .entity-pager-item-next a {
  padding-right: 70px;
}
.block-views-blockpharm-pager-block-1 .entity-pager-item-next a:before {
  left: initial;
  right: 0;
}
/* ABOUT PHARM4ME */

.about-pharm4me .featured-top {
  position: absolute;
  width: 100vw;
  /*top: 132px;*/
}
.about-pharm4me #content {
  //height: 1500px;
}
.about-pharm4me article {
  margin-top: 600px;
  margin-bottom: 60px;
}
/*START YOUR JOURNEY */

.previous {
  display: flex;
}
.start-your-journey #main-wrapper p {}
.start-your-journey #main-wrapper {
  margin-bottom: 60px;
}
.grid-start {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
  margin-bottom: 200px;
  justify-items: center;
}
.grid-start .item {
  justify-self: center;
  align-self: center;
  background: #FDEAF8 0% 0% no-repeat padding-box;
  border: 1px solid #FFFFFF;
  display: grid;
  width: 330px;
  height: 360px;
  text-align: center;
}
.grid-start .item:hover {
  background: #C03493 0% 0% no-repeat padding-box;
}
.grid-start .item .top {
  justify-self: center;
  align-self: center;
  text-align: center;
  position: relative;
  max-width: ;
}
.grid-start .item .top p {
  max-width: 200px;
  text-align: center;
}
.grid-start .item .top a {
  font: normal normal normal 30px/40px ProximaNova-Bold;
  color: #0060A3;
  text-transform: uppercase;
  text-decoration: none;
}
.grid-start .item .top a:after {
  content: ' ';
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 65px;
  height: 20px;
  background: url('/sites/default/files/2024-09/blue-arrow.svg');
  background-repeat: no-repeat;
}
.grid-start .item:first-of-type a:after {
  top: 80px;
}
.grid-start .item:hover a:after {
  background: url('/sites/default/files/2024-09/white-arrow.svg');
  background-repeat: no-repeat;
}
.grid-start .item:hover {
  background: #C03493 0% 0% no-repeat padding-box;
}
.grid-start .item:hover a {
  color: #FFFFFF;
}
/* ADMISSIONS */

.admissions-middle {
  background: #F4FDE8 0% 0% no-repeat padding-box;
  padding-top: 50px;
  padding-bottom: 50px;
}
.admissions-middle .grid-two {
  gap: 100px;
}
.admissions-middle p {
  border-bottom: 0.5px solid #0060A3;
  font: normal normal normal 24px/32px ProximaNova-Bold;
  color: #007F95;
  margin-bottom: 0;
  padding: 20px 0 !important;
}
.next-arrow,
.prev-arrow {
  display: flex;
  align-items: center;
}
.next-arrow>div {}
.next-arrow a {
  font: normal normal normal 18px/22px ProximaNova-Bold;
  color: #078EC1;
  text-transform: uppercase;
  text-decoration: none;
}
.pink-arrow a .field--type-image img {
  padding-top: 15px;
  padding-left: 20px;
}
/* STRUCTURES */

.pharm-d-structures .accordion-body {
  max-width: 880px;
  margin: 0 auto 20px auto;
}
.pharm-d-structures .accordion-body h3 {
  color: #000000;
  font: normal normal normal 32px/44px ProximaNova-Bold;
  margin-bottom: 20px;
}
.pharm-d-structures .accordion-button {
  background: #047488 0% 0% no-repeat padding-box;
}
.pharm-d-structures .accordion-button:not(.collapsed) {
  color: #ffffff;
}
.pharm-d-structures .accordion-button.collapsed {
  border-bottom: none;
  box-shadow: none;
  background: #E2FDFF 0% 0% no-repeat padding-box;
  border: 1px solid #FFFFFF;
}
.pharm-d-structures .accordion-header a {
  text-decoration: none;
  font: normal normal normal 42px/48px ProximaNova-Bold;
  color: #0060A3;
  text-transform: none;
  padding: 50px;
  margin-bottom: 5px;
  justify-content: center;
  text-align: center;
}
.pharm-d-structures .accordion-button:not(.collapsed)::after {
  display: none;
}
.pharm-d-structures .accordion-button::after {
  display: none;
}
.pharm-d-structures .accordion-header:hover .accordion-button {
  background: #007F95 0% 0% no-repeat padding-box;
  color: #FFFFFF !important;
}
.pharm-d-structures .accordion-header:hover .accordion-button a {
  color: #FFFFFF;
}
.pharm-d-structures p a {
  text-decoration: underline;
}
.bottom-nav {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 80px 0 20px;
}
.arrow-text {
  display: inline-block;
  padding: 0 20px 0 0;
}
.financial-resources .arrow-text {
  padding: 0 20px 0 20px;
}
.next .arrow-text {
  text-align: right;
}
.bottom-nav .next {
  display: grid;
  justify-content: end;
  grid-template-columns: 20fr 1fr;
  align-content: center;
}
.next .field--type-image {
  margin: 0;
}
.arrow-text a {
  font: normal normal normal 18px/22px ProximaNova-Bold;
  color: #078EC1;
  text-decoration: none;
}
.prev-arrow img,
.next-arrow img {
  margin: 0;
}
/* APPLICATIONS */

div:has(#bootstrap-horizontal-tabs)>div {
  position: relative;
  top: 0;
}
.pharm-d-applications ul#bootstrap-horizontal-tabs {
  margin: 50px 0 120px;
  border: none;
}
.pharm-d-applications#bootstrap-horizontal-tabs-content {
  margin: 80px 0;
}
.pharm-d-applications ul#bootstrap-horizontal-tabs li {
  flex-grow: 1;
  width: 20%;
  height: 280px;
  border: 1px solid #FFFFFF;
  text-align: center;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*.node__content > div:nth-child(2)*/

.pharm-d-applications ul#bootstrap-horizontal-tabs li a,
.pharm-d-applications .box-title {
  font: normal normal normal 30px/40px ProximaNova-Bold;
  position: relative;
}
.pharm-d-applications .box-title:after {
  content: ' ';
  position: absolute;
  top: 35px;
  left: 0;
  width: 100px;
  height: 20px;
}
.pharm-d-applications ul#bootstrap-horizontal-tabs li {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border: 1px solid #FFFFFF;
}
.pharm-d-applications ul#bootstrap-horizontal-tabs li:nth-of-type(1) {
  border-radius: 10px 0px 0px 10px
}
.pharm-d-applications ul#bootstrap-horizontal-tabs li:nth-of-type(2) {
  border-radius: 0px 10px 10px 0px
}
/* div surrounding tabs ul and content */

.pharm-d-applications:has(#bootstrap-horizontal-tabs-content) article>div>div:nth-of-type(2) {
  position: relative;
}
.pharm-d-applications #bootstrap-horizontal-tabs-content {
  position: absolute;
  top: 0px;
  width: 100%;
  border-radius: 10px;
  padding-left: 20px;
  margin: 0 auto;
  max-width: 1400px;
}
.pharm-d-applications #bootstrap-horizontal-tabs-content>div {
  height: 360px;
  background: #F5F5F5 0% 0% no-repeat padding-box;
  position: relative;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: none;
}
.pharm-d-applications #bootstrap-horizontal-tabs-content h3 {
  font: normal normal normal 50px/48px ProximaNova-Bold;
  color: #165871;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 45px;
}
.pharm-d-applications ul#bootstrap-horizontal-tabs li:hover {
  background: #e5e5e5 0% 0% no-repeat padding-box;
}
.pharm-d-applications ul#bootstrap-horizontal-tabs li:hover a {
  color: #ffffff;
}
.pharm-d-applications ul#bootstrap-horizontal-tabs.nav-tabs .nav-link.active {
  color: inherit;
}
.pharm-d-applications .tab-pane {
  position: relative;
}
.pharm-d-applications .close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.pharm-d-applications .grid-one-four {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 1px;
  align-content: center;
  height: 360px;
  border-radius: 10px;
}
.pharm-d-applications .grid-one-four .left {
  justify-self: center;
  align-self: center;
}
.pharm-d-applications .grid-one-four .right {
  align-self: center;
  padding: 25px;
  border-left: 1px solid #5D5654;
  margin-left: -25px;
}
.pharm-d-applications .grid-one-four .right p {
  margin-bottom: 0;
}
.application-box1 {
  display: grid;
  grid-template-columns: 800px 360px;
  gap: 60px;
  align-content: center;
  height: 800px;
  margin-bottom: 120px;
}
.pharm-d-applications .image-wrapper {
  height: 800px;
  width: 800px;
  padding: 25px;
  position: relative;
  display: grid;
  align-items: center;
}
.application-box1 .right {
  display: grid;
  align-content: center;
}
.pharm-d-applications .left .image-wrapper {
  background: url('/sites/default/files/2024-09/Rectangle-blue.svg') no-repeat;
}
.application-box2 {
  display: grid;
  grid-template-columns: 360px 800px;
  gap: 60px;
  align-content: center;
  height: 800px;
  margin-bottom: 100px;
}
.application-box2 .left {
  display: grid;
  align-content: center;
}
.pharm-d-applications .right .image-wrapper {
  background: url('/sites/default/files/2024-09/Rectangle--green.svg') no-repeat;
}
.pharm-d-applications iframe {
  width: 760px !important;
  height: 500px !important;
  border-radius: 10px;
}
/*
.rectangle-image-wrapper {
  display: grid;
  align-content: center;
  align-items: center;
  height: 500px;
  background-size: cover !important;
}

.rectangle-image-wrapper.blue {

  background: url('/sites/default/files/2024-09/Rectangle-blue.svg') no-repeat;
}
.rectangle-image-wrapper.green {
  background: url('/sites/default/files/2024-09/Rectangle--green.svg') no-repeat;
}
.rectangle-image-wrapper img, .rectangle-image-wrapper iframe {
}
  */
/* BLOG */

.blog {
  font: normal normal normal 20px/32px ProximaNova;
}
.views-view-responsive-grid--horizontal {
  padding: 0 !important;
}
.views-field-field-category a {
  font: normal normal normal 14px/40px ProximaNova-Bold;
  color: #C03493;
  text-decoration: none;
  text-transform: uppercase;
}
.views-field-field-tags {
  line-height: 18px;
}
.views-field-field-tags a {
  font: normal normal normal 12px/18px ProximaNova-Bold;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
}
.blog-post-title a {
  font: normal normal normal 24px/32px ProximaNova-Bold;
  color: #0060A3;
  text-decoration: none;
}
.views-field-field-category {
  min-height: 30px;
}
.views-field-field-tags {
  display: none;
}
.blog-post-date,
.blog-post-authored-by {
  font: normal normal normal 16px/24px ProximaNova;
  color: #393939;
}
.blog-post-authored-by a {
  color: #0D95C7;
  text-decoration: none;
}
nav[aria-label="Page navigation"] {
  margin: 100px auto;
}
.pagination {
  margin: 0 auto;
  width: 700px;
  margin-bottom: 50px;
  justify-content: center;
}
.blog-page .view-filters,
.faces-of-pharmacy .view-filters {
  max-width: 840px;
  margin: 0 auto;
}
.blog-page form .d-flex {
  gap: 40px;
  position: relative;
}
.blog-page .js-form-item select {}
.blog-page .js-form-item .js-form-wrapper {
  //edit button
}
#edit-field-category-target-id {
  width: 400px;
  height: 50px;
  border-radius: 5px;
}
#edit-field-pharmacist-target-id {
  width: 400px;
  height: 50px;
}
.path-taxonomy .back-to-blog-wrapper {
  display: none;
}
#edit-category-id {}
#edit-submit-duplicate-of-blog-list,
#edit-submit-meet-the-pharmacists {
  position: absolute;
  top: 0;
  right: 0;
}
#edit-submit-duplicate-of-blog-list,
#edit-submit-meet-the-pharmacists {
  background: #047488 0% 0% no-repeat padding-box;
  border: 1px solid #047488;
  border-radius: 0px 5px 5px 0px;
  color: #047488;
  width: 40px;
  opacity: 1;
  height: 50px;
  text-indent: -5000px;
}
#edit-submit-duplicate-of-blog-list:after,
#edit-submit-meet-the-pharmacists:after,
#edit-submit-meet-the-pharmacists:after {
  content: ' ';
  position: absolute;
  top: 14px;
  left: 5px;
  width: 40px;
  height: 20px;
  background: url('/sites/default/files/2024-09/arrow-white-right.svg');
  background-repeat: no-repeat;
}
.blog-individual .blog-individual strong {
  color: #047488;
}
.blog-individual h3 {
  font: normal normal normal 30px/40px ProximaNova-Bold;
}
#block-pharm4me-barrio-category h2 {
  font: normal normal normal 20px/24px ProximaNova-Bold;
  color: #C03493;
}
#block-pharm4me-barrio-category .field__item a {
  font: normal normal normal 18px/30px ProximaNova;
  color: #393939;
  text-decoration: none;
}
.blog .view-header h1,
.page-view-event-list h1 {
  text-align: center;
  margin: 75px 0 64px 0;
  font: normal normal normal 50px/62px ProximaNova-Bold;
  color: #0060A3 !important;
  text-shadow: 0px 3px 50px #00000029;
  text-transform: uppercase;
}
.blog .views-view-responsive-grid__item {
  margin-bottom: 34px;
}
.node--type-blog-post .node__meta {
  display: none;
}
/* BLOG CATEGORIES MENU */

.blog .sidebar_second li {
  display: inline-block;
  width: 100%;
}
.blog .sidebar_second .nav-link.active {
  border: none;
}
.blog .sidebar_second .nav-link.is-active {
  border: 2px solid #FDC71C;
}
/* INDIVIDUAL BLOG ITEM */

.blog-individual .back-to-blog-wrapper {
  max-width: 800px;
  margin: 70px auto 20px;
}
.blog-individual .back-to-blog-wrapper img {
  width: 24px;
}
h1.real-title {
  font: normal normal normal 40px/54px ProximaNova-Bold;
  color: #0060A3 !important;
  text-shadow: 0px 3px 50px #00000029;
}
.blog-individual time,
.author {
  font: normal normal normal 16px/24px ProximaNova;
  color: #393939;
}
.blog-individual main#content {
  max-width: 800px;
  margin-left: 10vw;
}
.node--type-blog-post .field--name-field-featured-asset img {
  width: 100%;
  height: auto;
}
.fluid-width-video-wrapper {
  position: relative;
}
.fluid-width-video-wrapper iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.field--name-uid span {
  color: #0D95C7;
}
.blog-individual .field__item {
  display: inline-block;
  padding-right: 1rem;
}
.blog-individual .field--name-field-category a {
  font: normal normal normal 14px/20px ProximaNova-Bold;
  color: #C03493;
  text-transform: uppercase;
  text-decoration: none;
}
.blog-individual .content {}
.alignleft,
.align-left {
  padding-right: 20px;
  float: left;
}
.align-right {
  padding-left: 20px;
  float: right;
}
.blog .caption>figcaption {
  text-align: center;
  display: block;
}
.page-view-taxonomy-term h1.title {
  display: block;
  color: #0060A3;
  text-align: center;
  margin: 100px auto;
  font: normal normal normal 50px/62px ProximaNova-Bold;
  letter-spacing: 0px;
  color: #0060A3;
}
.view-id-blog_pager {
  margin-bottom: 40px;
}
//width="450" height="291"
/* UPCOMING EVENTS */

/*
.page-view-event-list h1.title {
    display: block!important;
    text-align: center;
    font: normal normal normal 50px/62px ProximaNova-Bold;
    margin-top: 75px;
    margin-bottom: 60px;
    color: #0060A3;
    text-shadow: 0px 3px 50px #00000029;
    text-transform: uppercase;
}
*/

.view-event-list p {
  font: normal normal normal 18px/28px ProximaNova;
}
#edit-field-event-category-target-id,
.grid-event {}
@media (max-width: 1320px) {
  #edit-field-event-category-target-id {
    padding-left: 0;
  }
}
#edit-field-event-category-target-id,
#edit-field-venue-target-id,
#edit-title {
  width: 260px;
  height: 50px;
  border-radius: 5px;
  margin-right: 50px;
  padding: 10px;
}
.page-view-event-list .view-filters {
  max-width: 1320px;
  margin: 0 auto;
}
#views-exposed-form-event-list-page-1>div {
  flex: 0 1 auto;
  justify-content: center;
}
#edit-submit-event-list {
  position: relative;
  background: #047488 0% 0% no-repeat padding-box;
  border: 1px solid #047488;
  border-radius: 0px 5px 5px 0px;
  color: #047488;
  width: 40px;
  opacity: 0;
  height: 50px;
  left: -5px;
}
#edit-submit-event-list:after {
  content: ' ';
  position: absolute;
  top: 14px;
  left: 5px;
  width: 40px;
  height: 20px;
  background: url('/sites/default/files/2024-09/arrow-white-right.svg');
  background-repeat: no-repeat;
}
.submit-an-event {
  width: 100%;
  text-align: center;
}
.submit-an-event button {
  margin: 50px auto 100px auto;
}
.view-taxonomy-term {}
.grid-event {
  display: grid;
  grid-template-columns: 100px 860px;
  gap: 0px;
  margin-bottom: 80px;
  justify-content: center;
}
.grid-event .first {
  background: #C03493 0% 0% no-repeat padding-box;
  border-radius: 10px 0px 0px 10px;
  height: 100px;
  padding: 5px;
  display: grid;
  justify-content: center;
  align-items: center;
}
.grid-event .first .dow {
  font: normal normal normal 20px/40px ProximaNova-Semibold;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}
.grid-event .first .dom {
  font: normal normal normal 50px/40px ProximaNova-Semibold;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}
.grid-event .second-third-wrapper {
  display: grid;
  grid-template-columns: 400px 460px;
}
.grid-event .second-third-wrapper > div {
    height: 450px
}
.card {
  --bs-card-border-width: 0px;
}
.card-body p {
    font: normal normal normal 18px/28px ProximaNova;
}
.grid-event .second {
  background: #E2FDFF 0% 0% no-repeat padding-box;
  height: 400px;
  padding: 30px 40px 40px 40px;
  position: relative;
}
.grid-event .third {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 12px #00000012;
  height: 400px;
  padding: 40px;
  position: relative;
}
.grid-event .category,
.grid-event .second .venue-label,
.event .field__label,
.event .field--name-field-event-category.field__item a,
.grid-event .second .cost-label,
.event .time_label,
.grid-event .second .venue-url,
.grid-event .second .time-label {
  font: normal normal normal 14px/20px ProximaNova-Bold;
  color: #C03493;
  text-transform: uppercase;
  padding-top: 10px;
  text-decoration: none;
  margin-bottom: 0;
}
.card-body .cost-title, .card-body .time {
    font: normal normal normal 16px/22px ProximaNova;
}
.grid-event .second .main-date {
  font: normal normal normal 30px/32px ProximaNova-Semibold;
  color: #0060A3;
}
.grid-event .second .venue-title {
  font: normal normal normal 20px/24px ProximaNova-Semibold;
  color: #0C9BA2;
}
.grid-event .second .venue-address {
  font: normal normal normal 16px/22px ProximaNova;
  color: #393939;
  margin-top: 10px;
}
.grid-event .second .add-to-cal {
  font: normal normal normal 14px/17px ProximaNova-Semibold;
  color: #0C9BA2;
  text-transform: uppercase;
  position: absolute;
  bottom: 80px;
}
.grid-event .second .add-to-calendar {
  position: absolute;
  bottom: 10px;
}
.grid-event .third h5 a {
  font: normal normal normal 30px/40px ProximaNova-Bold;
  color: #0060A3;
  text-decoration: none;
}
.grid-event .third .read-more a {
  font: normal normal normal 18px/28px ProximaNova-Bold;
  color: #C03493;
  position: absolute;
  bottom: 40px;
  text-decoration: none;
}
.date-number-wrapper {}
/* SINGLE EVENT */

.blah-add-to-calendar {
  //display: none;
}
.event {
  margin-top: 75px;
}
.event .title {
  margin-bottom: 40px;
}
.event .second {
  background: #E2FDFF 0% 0% no-repeat padding-box;
  padding: 20px;
  max-width: 400px;
  margin-bottom: 40px;
}
.back-to-blog-wrapper,
.back-to-events-wrapper {
  margin-bottom: 30px;
}
.back-to-blog-wrapper a,
.back-to-events-wrapper a {
  font: normal normal normal 14px/17px ProximaNova-Bold;
  color: #0D95C7;
  text-transform: uppercase;
}
.back-to-blog-wrapper img,
.back-to-events-wrapper img {
  width: 20px;
  padding-right: 6px;
}
.event .field--type-smartdate {
  font: normal normal normal 30px/32px ProximaNova-Semibold;
  color: #0060A3;
}
.event .field--type-smartdate:first-of-type {
  font: normal normal normal 30px/32px ProximaNova-Semibold;
  color: #0060A3;
  margin-bottom: 15px;
}
.event .second .zone {
  font: normal normal normal 16px/22px ProximaNova;
  color: #393939;
}
.event .link .field__label {
  padding-top: 20px;
}
.event .field--type-smartdate .time {
  font: normal normal normal 20px/36px ProximaNova-Semibold;
  color: #0060A3;
}
.event .add-to-cal {
  color: #C03493;
  color: #0C9BA2;
  text-transform: uppercase;
  font: normal normal normal 14px/20px ProximaNova-Bold;
  margin-top: 10px;
}
.event .field--type-entity-reference {
  margin: 0 0;
}
.event .node--type-venue h2 {
  margin: 0 !important;
  line-height: 10px;
  font: normal normal normal 22px/36px ProximaNova-Semibold;
}
.event .venue .field--name-title {}
.event .address {
  font: normal normal normal 16px/10px ProximaNova;
  color: #393939;
}
.event .target .field__item {
  font: normal normal normal 16px/10px ProximaNova;
  color: #393939;
  padding-top: 10px;
}
.event .link a {
  color: #0C9BA2;
}
.event .city,
.event .state,
.event .zip {
  display: inline-block;
}
.event .field--type-link .field__item {
  font: normal normal normal 16px/22px ProximaNova;
}
/* events pagination */

.entity-pager-list {
  position: relative;
  max-width: 90%;
  margin: 0 auto 40px auto;
}
.blog-individual .entity-pager-list {
  position: relative;
  max-width: 90%;
}
.entity-pager-list li {
  width: 45%;
}
.entity-pager-item a {
  font: normal normal normal 18px/22px ProximaNova-Bold;
  letter-spacing: 0px;
  color: #078EC1;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.entity-pager-item-prev {
  text-align: left;
}
.entity-pager-item-next {
  text-align: right;
}
.entity-pager-item-prev a:before {
  content: " ";
  color: #C03493;
  background: url('/sites/default/files/2024-09/pink-arrow-left.svg') no-repeat;
  width: 60px;
  height: 20px;
  display: block;
  position: absolute;
  left: -50px;
  top: 3px;
}
.entity-pager-item-next a:before {
  content: " ";
  color: #C03493;
  background: url('/sites/default/files/2024-09/pink-arrow-right.svg') no-repeat;
  width: 60px;
  height: 20px;
  display: block;
  position: absolute;
  left: 55px;
  top: 3px;
}
.event .field--name-body {
  margin-bottom: 50px;
}
/* FINANCIAL */

#block-pharm4me-barrio-financialawardscholarship {
  background: #F4FDE8 0% 0% no-repeat padding-box;
  padding: 10px 0 100px 0;
  margin-top: 100px;
}
#block-pharm4me-barrio-financialresourcesbottom {}
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li {
  background: #FDEAF8 0% 0% no-repeat padding-box;
  height: 360px;
  position: relative;
}
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li:hover {
  background: #96156D 0% 0% no-repeat padding-box;
}
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li a {
  color: #0060A3;
}
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li:hover a,
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li a.active {
  color: #FFFFFF;
}
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li:has(a.active) {
  background: #96156D 0% 0% no-repeat padding-box;
}
#block-pharm4me-barrio-financialresourcesbottom #bootstrap-horizontal-tabs-content {
  max-width: 1420px;
  background: #96156D 0% 0% no-repeat padding-box;
  color: #FFFFFF;
  margin: 0 auto;
  padding: 40px;
  height: 360px;
}
#block-pharm4me-barrio-financialresourcesbottom #bootstrap-horizontal-tabs-content .grid-one-two {
  height: 320px;
  align-items: center;
}
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li:hover a:after,
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li a.active:after {
  content: ' ';
  position: absolute;
  top: 240px;
  left: 45%;
  width: 80px;
  height: 20px;
  background: url('/sites/default/files/2024-09/white-arrow.svg');
  background-repeat: no-repeat;
}
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li a:after {
  content: ' ';
  position: absolute;
  top: 240px;
  left: 45%;
  width: 80px;
  height: 20px;
  background: url('/sites/default/files/2024-09/blue-arrow.svg');
  background-repeat: no-repeat;
}
#block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li a.active:after {}
#block-pharm4me-barrio-financialresourcesbottom #bootstrap-horizontal-tabs-content .grid-item.left {
  font: normal normal normal 30px/40px ProximaNova-Bold;
  text-align: center;
  border-right: 1px solid #ffffff;
  padding-top: 40px;
  padding-bottom: 40px;
}
#block-pharm4me-barrio-financialresourcesbottom #bootstrap-horizontal-tabs-content .grid-item.right a {
  color: #FDEAF8;
}
#block-pharm4me-barrio-financialresourcesbottom #bootstrap-horizontal-tabs-content .grid-item.right {
  align-self: center;
  padding-left: 60px;
}
.financial-resources .container-880 {
  padding: 0;
}
.financial-resources a {
  color: #047488;
}
.financial-award h2 {
  font: normal normal normal 40px/50px ProximaNova-Bold;
  color: #007F95;
}
.financial-award {
  font: normal normal normal 20px/32px ProximaNova;
  color: #393939;
}
.financial-award a {
  font: normal normal normal 20px/32px ProximaNova-Semibold;
  color: #0D95C7;
}
.financial-resources .accordion-body h4:nth-of-type(n+2) {
  margin-top: 2em;
  border-top: 1px solid #c0c0c0;
  padding-top: 2em;
}
.financial-resources .accordion-body h5 {
  font: normal normal normal 24px/36px ProximaNova-Bold;
  color: #393939;
}
.financial-resources .accordion-body h5:nth-of-type(n+2) {
  margin-top: 2em;
}
.accordion-body h4 {
  margin-top: 2rem;
}
.accordion-body h6 {
  font: normal normal normal 22px/32px ProximaNova-Bold!important;
  color: #0060A3 !important;
  text-decoration: none !important;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.financial-resources p {}
#block-pharm4me-barrio-financialresourcesbottom {
  padding-top: 80px;
  padding-bottom: 80px;
}
#block-pharm4me-barrio-financialresourcesbottom div div div p {
  margin-bottom: 60px;
}
#block-pharm4me-barrio-financialresourcesbottom #bootstrap-horizontal-tabs-content {
  margin: 40px auto;
  padding: 0px;
  display: grid;
  align-items: center;
}
.accordion-item ul {
  margin-bottom: 2.5rem;
}
.financial-resources .first-item {
  margin-top: 0 !important;
}
/* CONTACT US */

.contact-us #content,
.subscribe #content {
  max-width: 920px;
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.contact-us #block-pharm4me-barrio-content,
.contact-us #block-pharm4me-barrio-contactform {
  display: table-cell;
  max-width: 45%;
  padding: 20px;
}
.contact-us #block-pharm4me-barrio-content {
  margin-right: 30px;
  display: table-cell;
  vertical-align: top;
}
.contact-us section>a,
  {
  display: none;
}
.contact-us section {}
.contact-us #block-pharm4me-barrio-content {}
.contact-us .field--name-body {
  /*max-width: 400px;*/
}
.contact-us .grid-three {
  max-width: 150px;
}
.contact-us label {
  font: normal normal normal 14px/40px ProximaNova-Bold;
  color: #165871;
  text-transform: uppercase;
}
.contact-us input,
.contacgt-us textarea {
  background: #F7F7F7 0% 0% no-repeat padding-box;
  border: 1px solid #0060A3;
}
#block-pharm4me-barrio-views-block-entity-pager {
  max-width: 800px;
  margin: 0 auto;
}
/* MATERIALS */

.materials h5 {
  font: normal normal normal 28px/40px ProximaNova-Bold;
  color: #007F95;
}
.kids {
  position: relative;
  background: #0060A3 0% 0% no-repeat padding-box;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  color: #ffffff;
  padding-bottom: 100px;
  color: #ffffff !important;
}
.kids h2 {
  color: #ffffff !important;
  padding-top: 100px;
}
.materials .third-section h3 {
  margin: 80px 0;
}
.materials .third-section h4 {
  color: #0060A3;
  padding-bottom: 30px;
}
.materials .third-section .grid-item {
  padding: 20px 30px 20px 0
}
.materials .third-section p {
  font: normal normal normal 20px/30px ProximaNova;
  color: #000000;
}
.kids .sub-head {
  font: normal normal normal 30px/40px ProximaNova;
  color: #ffffff !important;
  padding-bottom: 40px;
}
.kids .accordion-header a {
  color: #FFD960 !important;
  background: #0060A3 0% 0% no-repeat padding-box;
}
.kids .accordion-button.collapsed {
  border-bottom: 0.5px solid #65F0F7;
  box-shadow: none;
}
.kids .accordion-button:not(.collapsed)::after {
  --bs-accordion-btn-active-icon: url("https://pharmacyforme.org/sites/default/files/2024-12/accordion-down-arrow-white.svg");
}
.kids .accordion-button::after {
  --bs-accordion-btn-icon: url("https://pharmacyforme.org/sites/default/files/2024-12/accordion-down-arrow-white.svg") !important;
}
.kids .accordion-body {
  color: #FFFFFF;
  background: #0060A3 0% 0% no-repeat padding-box;
}
.kids .grid-one-four .right {
  border-left: none;
}
.materials .grid-one-four .grid-item.image {
  position: relative;
}
.materials .grid-one-four .grid-item.right {
  padding: 10px 10px 10px 50px;
}
.materials div.image-wrapper {
  position: relative;
}
.materials div.overlay img {
  max-width: 200px;
  height: auto;
}
.desktop-only {
  display: inherit;
}
.desktop-only-block {
  display: block;
}
.mobile-only,
.mobile-only-grid,
.mobile-only-block {
  display: none;
}
.youtube-icon img {
  width: 32px;
  height: auto;
}
.facebook-icon img {
  width: 13px;
  height: auto;
}
.instagram-icon img {
  width: 29px;
  height: auto;
}
.carousel-control-next-icon {
  fill: #550022;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23aaaaaa' height='800px' width='800px' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve'%3E%3Cpath id='XMLID_222_' d='M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001 c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213 C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606 C255,161.018,253.42,157.202,250.606,154.389z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aaaaaa'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.col-xl-6.left {
  padding: 0;
}
#block-pharm4me-barrio-views-block-meet-the-pharmisicst-block-1-2,
#block-pharm4me-barrio-careers-2 {
  display: none;
}
#fulfilling lottie-player {
  width: 200px;
}
/*** FORMS ***/

.form-select,
.form-control {
  border: 1px solid #047488 !important;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  font: normal normal normal 20px/26px ProximaNova-Semibold;
  color: #047488;
}
.wider-field.form-control,
.wider-field .form-control {
  width: 958px;
}
.webform-submission-pharm4me-events-calendar-submiss-form .form-control {
  max-width: 100%;
}
textarea {
  height: auto !important;
  width: 100% !important;
}
textarea,
input,
.form-control {
  background: #F7F7F7 0% 0% no-repeat padding-box;
  margin-bottom: 1rem;
}
.hosted-form .outer-form {
  max-width: 990px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hosted-form .outer-form h2 {
  font: normal normal normal 30px/36px ProximaNova-Bold;
  margin: 45px auto 25px auto;
}
.hosted-form .outer-form label:not(.form-check-label),
.hosted-form .outer-form .fieldset-legend {
  font: normal normal normal 18px/26px ProximaNova-Bold;
  color: #165871;
  text-transform: uppercase;
}
.hosted-form .js-form-type-checkbox {
  margin-bottom: 0 !important;
}
.teal-submit {
  background: #0D95C7 0% 0% no-repeat padding-box;
  border-radius: 5px;
  padding: 20px 80px;
  text-transform: uppercase;
  border: 1px solid #0D95C7;
}
.teal-submit:hover {
  background: #FFFFFF 0% 0% no-repeat padding-box;
}
#block-pharm4me-barrio-category-3 {
  display: none;
}
.blog .js-form-type-select {
  width: 47%;
}
.path-frontpage #main-wrapper {
  margin-bottom: 0;
}
body .site-footer {
  background: #f4f4f4;
  position: relative;
}
#page:has(#block-pharm4me-barrio-bannerpharm4me) #main-wrapper {
  position: relative; //top: -250px;
  background: transparent;
}
.path-frontpage .featured-bottom {
  position: relative;
  top: 50px;
  bottom: 50px;
}
.featured-bottom {
  position: relative;
  top: 0;
  bottom: 0;
}

/* ##############################################*/

/* ##############################################*/

/* 1600 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ##############################################*/

@media (max-width: 1600px) {
  #block-pharm4me-barrio-homefullfilling h3 {
    font: normal normal normal 20px/34px ProximaNova-Bold;
    color: #C03493;
  }
  #fullfilling .left h3 {
    position: relative;
  }
  #fullfilling .left h3,
  #fullfilling .left #imginfo3 {
    width: 300px;
  }
  #fullfilling .three h3::before {}
  .menu--main .nav-link {
    padding-right: 2vw !important;
    padding-left: 2vw !important;
  }
  .menu--main .nav-link {
    font: normal normal normal 16px/22px ProximaNova-Bold;
  }
}
/* ##############################################*/

/* ##############################################*/

/* ##############################################*/

/* 1400 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ##############################################*/

@media (max-width: 1400px) {
  /*
    #block-pharm4me-barrio-newslettersubscribe {
        position: relative;
        top: 250px;
        right: 0;
        z-index: 10;
        max-width: 780px;
    }
    #block-pharm4me-barrio-newslettersubscribe {

    }
    #block-pharm4me-barrio-newslettersubscribe .main {
      background-color: #EAEAEACC;
      max-width: 90vw;
      padding: 40px;
      display: block;
      opacity: 1;
      width: 100%;
    }
    .subscribe h3 {
      font: normal normal normal 30px/37px ProximaNova-Bold;
      color: #FFFFFF;
    }

    #block-pharm4me-barrio-newslettersubscribe .intro {
        display: none;
    }
    */
  .nav-item .dropdown-item a.active {
    color: #0060A3;
  }
  .dropdown-item.active,
  .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #F5F5F5;
  }
  .dropdown-item {
    padding: .5rem 1rem;
  }
  .grid-start {
    grid-template-columns: repeat(2, 1fr);
    gap: 5vw;
  }
  .grid-start .item {
    width: 45vw;
  }
  #block-pharm4me-barrio-newslettersubscribe .subscribe .intro {
    display: none;
  }
  #block-pharm4me-barrio-newslettersubscribe {
    position: static;
    max-width: 780px;
    opacity: 0;
    z-index: 0;
    display: none;
  }
  #block-pharm4me-barrio-newslettersubscribe .main {
    opacity: 1;
    background-color: transparent;
    display: inline-block;
    width: 100%;
  }
  #block-pharm4me-barrio-subscribewithawebform {
    display: block;
    position: relative;
    top: 0;
    max-width: 800 z-index: 0;
    margin: 0 auto;
  }
  #block-pharm4me-barrio-subscribewithawebform .intro {
    display: none;
  }
  #block-pharm4me-barrio-subscribewithawebform .main,
  #block-pharm4me-barrio-subscribewithawebform .field--name-field-your-webform {
    opacity: 1;
    background-color: transparent;
    display: inline-block;
    width: 100%;
    color: #ffffff;
    margin: 20px 20px 0;
    text-align: left;
    max-width: 100%;
  }
  #block-pharm4me-barrio-subscribewithawebform .field--name-field-your-webform {
    padding-right: 40px;
  }
  #block-pharm4me-barrio-subscribewithawebform h3 {
    color: #FFFFFF;
  }
  #block-pharm4me-barrio-subscribewithawebform p {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #block-pharm4me-barrio-subscribewithawebform .btn-blue {
    background: #BDFF6B 0% 0% no-repeat padding-box;
    color: #000000;
  }
  #CollapsingNavbar.show label {
    width: 100%;
    text-align: left;
  }
  .desktop-only,
  .desktop-only-block {
    display: none !important;
  }
  .mobile-only {
    display: inherit;
  }
  .mobile-only-grid {
    display: grid;
  }
  .mobile-only-block {
    display: block;
  }
  .container {
    max-width: none;
  }
  .container-1100 {
    max-width: 1124px;
  }
  .container-lg {
    max-width: 994px;
  }
  .container-880 {
    max-width: 904px;
  }
  .container-800 {
    max-width: 824px;
  }
  .container-640 {
    max-width: 664px;
  }
  #sidebar_first,
  #sidebar_second {
    display: none;
  }
  .arrow-text {
    padding: 0;
  }
  #navbar-main {
    /* border-bottom: 20px solid #067488; */
  }
  #navbar-main .container {
    padding: 0;
    margin: 0;
  }
  #navbar-main:has(#CollapsingNavbar.show) section.full-width {
    text-align: center;
    background: #047488 0% 0% no-repeat padding-box;
    padding-bottom: 15px;
  }
  .navbar-brand {
    margin: 0 auto;
  }
  button.navbar-toggler-left {
    display: none;
  }
  .navbar-toggler {
    position: absolute;
    right: 20px;
    top: 20px;
    border: none;
  }
  .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21.856' viewBox='0 0 24 21.856'%3E%3Cg id='Group_1485' data-name='Group 1485' transform='translate(-299 -30.999)'%3E%3Crect id='Rectangle_1737' data-name='Rectangle 1737' width='23.999' height='3' rx='1.5' transform='translate(299 30.999)' fill='%23047488'/%3E%3Crect id='Rectangle_1738' data-name='Rectangle 1738' width='23.999' height='3' rx='1.5' transform='translate(299 40.427)' fill='%23047488'/%3E%3Crect id='Rectangle_1739' data-name='Rectangle 1739' width='24' height='3' rx='1.5' transform='translate(299 49.855)' fill='%23047488'/%3E%3C/g%3E%3C/svg%3E");
  }
  .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21.856' viewBox='0 0 24 21.856'%3E%3Cg id='Group_1485' data-name='Group 1485' transform='translate(-299 -30.999)'%3E%3Crect id='Rectangle_1737' data-name='Rectangle 1737' width='23.999' height='3' rx='1.5' transform='translate(299 30.999)' fill='%23FFFFFF'/%3E%3Crect id='Rectangle_1738' data-name='Rectangle 1738' width='23.999' height='3' rx='1.5' transform='translate(299 40.427)' fill='%23FFFFFF'/%3E%3Crect id='Rectangle_1739' data-name='Rectangle 1739' width='24' height='3' rx='1.5' transform='translate(299 49.855)' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
  }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
  }
  #CollapsingNavbar.show {
    position: absolute;
    top: 100px;
    z-index: 5;
    width: 100%;
    text-align: center;
    background: #047488 0% 0% no-repeat padding-box;
  }
  .navbar-nav .nav-link.active {
    color: #FFFFFF !important;
  }
  .menu--main .nav-link {
    color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .menu--main .nav-link.active {
    border: none;
  }
  .navbar-nav li {}
  .dropdown-item {
    text-align: center;
  }
  .search-block-form-mobile {
    position: static;
  }
  .search-block-form-mobile input {
    margin: 0 auto;
  }
  .search-box-mobile {}
  .search-box-mobile button {
    opacity: 0;
    display: none;
  }
  .search-glass {
    display: none !important;
  }
  #block-pharm4me-barrio-searchandsocial {
    position: relative;
    top: 0;
  }
  .social-links.align-right {
    float: none;
    padding: 0;
  }
  .row {
    /*--bs-gutter-x: 0 !important;*/
  }
  a.nav-link.nav-link--pharm4me-materials {
    padding: 10px 0px !important;
    width: 200px;
    margin: 20px auto;
    color: #000000;
  }
  #block-pharm4me-barrio-main-menu {
    padding-bootom: 25px;
  }
  div.search-box {
    position: static;
    opacity: 0;
  }
  h1,
  h1.real-title {
    font: normal normal normal 30px/36px ProximaNova-Bold;
    /*text-align: center;*/
  }
  h1 span.bold {
    font: normal normal normal 30px/36px ProximaNova-ExtraBold;
  }
  .title-show h1.title {
    font: normal normal normal 30px/36px ProximaNova-ExtraBold;
    text-align: left;
    margin: 30px auto;
  }
  .hosted-form h1.title {
    text-align: center;
  }
  .contact-us.title-show h1.title {
    font: normal normal normal 30px/36px ProximaNova-ExtraBold;
    text-align: center;
  }
  h2 {
    font: normal normal normal 32px / 38px ProximaNova-Bold;
    margin: 35px auto 16px auto;
    margin-top: 35px;
  }
  .financial-award h2 {
    font: normal normal normal 30px/36px ProximaNova-Bold;
    color: #007F95;
  }
  h3 {
    font: normal normal normal 30px/40px ProximaNova-Bold;
    margin-bottom: 30px;
  }
  .btn-teal {
    font: normal normal normal 12px / 15px ProximaNova-Bold;
    width: 140px;
    height: 50px;
  }
  .home.container-lg .btn-teal {
    margin-top: 0px;
  }
  p {
    margin-bottom: 1rem;
  }
  .dropdown-menu {
    border-radius: 0;
  }
  .accordion-header a {
    font: normal normal normal 16px/24px ProximaNova-Bold;
  }
  .admissions-middle p {
    padding-bottom: 0;
  }
  /* banners */
  section:has(#block-pharm4me-barrio-bannerhome) {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    max-height: 100vh;
    background-position: center;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 75%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0, 100% 75%, 0% 100%);
  }
  .banner-home {
    color: #FFFFFF;
    padding-top: 10vh;
    display: block;
  }
  .banner-heading {
    min-height: 300px;
  }
  section:has(#block-pharm4me-barrio-bannerwhypharmacy) {
    background: url('/sites/default/files/headers/about-pharmacy-header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }
  .banner-why-pharmacy {
    height: auto;
  }
  .banner-careers-in-pharmacy {
    height: 300px;
    margin-bottom: 60px;
  }
  .banner-careers-in-pharmacy-left {
    background: #0060A3 0% 0% no-repeat padding-box;
    width: 50vw;
    height: 300px;
    display: flex;
  }
  .banner-careers-in-pharmacy-right {
    background: url('/sites/default/files/headers/careers-in-pharmacy-header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    width: 50vw;
  }
  section:has(#block-pharm4me-barrio-bannerpharm4me) {
    background: url('/sites/default/files/headers/about-pharm4me-header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: none;
    clip-path: none;
    height: 500px;
  }
  .banner-quiz-left {
    background: #0060A3 0% 0% no-repeat padding-box;
    width: 50vw;
    height: 300px;
    display: flex;
  }
  /* Start Your Journey */
  section:has(#block-pharm4me-barrio-bannerstarthere) {
    height: 300px;
  }
  .banner-start-here {
    height: 300px;
  }
  /* Materials */
  section:has(#block-pharm4me-barrio-bannermaterials) {
    height: 300px;
  }
  /* STRUCTURES APPLICATION FINANCIAL*/
  .banner-admissions,
  .banner-structures,
  .banner-application,
  .banner-financial,
  .banner-quiz {
    height: 300px;
    margin-bottom: 60px;
  }
  .banner-admissions-left,
  .banner-structures-left,
  .banner-application-left,
  .banner-financial-left {
    background: #C03493 0% 0% no-repeat padding-box;
    width: 50vw;
    height: 300px;
    min-width: initial;
  }
  .banner-structures h1,
  .banner-application h1,
  .banner-financial h1 {
    font: normal normal normal 30px/42px ProximaNova-Extrabold;
  }
  .banner-admissions-right,
  .banner-structures-right,
  .banner-application-right,
  .banner-financial-right,
  .banner-quiz-right {
    height: 300px;
    width: 50vw;
    background-position: center;
  }
  .banner-admissions-left h1 span.bold {
    align-self: center;
    margin-left: 40px;
    font: normal normal normal 30px/40px ProximaNova-Extrabold;
  }
  .banner-structures h1,
  .banner-application h1,
  .banner-financial h1,
  .banner-quiz-left h1,
  .banner-start-here.banner-heading h1,
  .banner-materials h1 {
    margin-left: 20px;
    font: normal normal normal 30px/40px ProximaNova-Bold;
  }
  .banner-start-here.banner-heading h1 .bold {
    font: normal normal normal 30px/40px ProximaNova-Extrabold;
  }
  blockquote img {
    width: 50px;
  }
  .about-pharm4me lottie-player {
    height: 30px !important;
    width: 30px !important;
  }
  .blue-box {
    font: normal normal normal 16px/24px ProximaNova;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
  }
  .top-reasons .grid-three {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-pharm4me article {
    margin-top: 400px;
  }
  .page-view-frontpage h1 {
    font: normal normal normal 40px/52px ProximaNova;
    color: #FFFFFF;
  }
  .page-view-frontpage h1 span.bold {
    font: normal normal normal 40px/52px ProximaNova-ExtraBold;
  }
  #block-pharm4me-barrio-homemedicine .btn-clear a {
    font: normal normal normal 14px / 14px ProximaNova-Bold;
  }
  .row {
    padding: 0;
  }
  #block-pharm4me-barrio-homemedicine .left {
    padding: 20px 20px 30px 20px;
    background: #0060A3 0% 0% no-repeat padding-box;
  }
  #block-pharm4me-barrio-homemedicine h2 {
    color: #FFD960;
    margin-top: 10px;
    margin-bottom: 20px;
    font: normal normal normal 20px/24px ProximaNova-Bold;
  }
  .large-text {
    font: normal normal normal 22px / 30px ProximaNova-Semibold;
    color: #393939;
    text-align: center;
  }
  #block-pharm4me-barrio-homemedicine .btn-clear {
    border: 1px solid #FFFFFF;
    padding: 12px 35px;
    margin-top: 0;
  }
  .right .spacer {
    height: 20px;
  }
  #info1,
  #info2,
  #info3,
  #info4 {
    position: relative;
    top: 0px;
  }
  #block-pharm4me-barrio-homefullfilling h3 {
    padding-left: 50px;
  }
  .three h3:before,
  .one h3:before {
    left: 5px;
  }
  #block-pharm4me-barrio-homefullfilling {
    padding: 0 2vw;
  }
  .fullfilling .right {
    max-width: 71vw;
    padding-top: 40px;
  }
  .fullfilling :host {
    height: 400px;
  }
  #block-pharm4me-barrio-homeimpacts {
    background-image: linear-gradient(176deg, #FFFFFF 0%, #FFFFFF calc(10% + 2px), #ADE6E6 10%, #ADE6E6 95%, #F5F5F5 calc(95% + 2px));
    height: auto;
  }
  .impact-item {
    margin: 10px auto 30px;
  }
  .impact-item .middle {
    height: 110px;
  }
  .impact-item .middle:after {
    top: 100px;
  }
  .impact-item .bottom {
    font: normal normal normal 22px / 38px ProximaNova-Semibold;
    padding: 0px 20px 20px 20px;
  }
  #block-pharm4me-barrio-views-block-trailblazers-block-1 {
    padding-bottom: 50px;
  }
  #block-pharm4me-barrio-views-block-trailblazers-block-1 .large-text,
  #block-pharm4me-barrio-homeyourcareer .large-text {
    max-width: 350px;
    margin: 0 auto 30px;
  }
  .carousel-item {
    padding-bottom: 0;
  }
  .carousel-control-next-icon {
    background-image: url(data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bbb'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg>);
  }
  .carousel-item .right {
    padding: 0 60px 0px 60px;
    position: relative;
  }
  .carousel-item .right .btn {
    position: absolute;
    right: 30px;
    bottom: 0;
  }
  .btn-clear {
    padding: 12px 25px;
  }
  blockquote {
    font: normal normal normal 22px / 30px ProximaNova;
  }
  #block-pharm4me-barrio-views-block-trailblazers-block-1 .overlay img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    margin: 0;
  }
  div.underlay img {
    width: 70%;
  }
  div.overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
  }
  #block-pharm4me-barrio-homeyourcareer {
    padding-top: 10px;
  }
  #block-pharm4me-barrio-homeimpacts {
    padding: 40px 30px;
  }
  #block-pharm4me-barrio-homeyourcareer h3 {
    font: normal normal normal 20px/24px ProximaNova-Bold;
    margin-bottom: 40px;
  }
  #block-pharm4me-barrio-homeyourcareer .btn-teal {
    width: 250px;
    height: 70px;
    margin-bottom: 30px;
  }
  #block-pharm4me-barrio-homefullfilling {
    margin-bottom: 90px;
    padding-top: 0px;
  }
  #block-pharm4me-barrio-footerblock a {
    padding-bottom: 15px;
  }
  #block-pharm4me-barrio-footerblock .field--type-image img {
    margin-bottom: 5px;
  }
  .site-footer {
    padding-top: 20px;
  }
  .site-footer .block {
    margin-top: 0;
  }
  .footer-inner .one {
    margin-bottom: 30px;
  }
  #block-pharm4me-barrio-footerblock .social-links {
    margin-bottom: 10px;
  }
  .footer-inner .two {
    margin-bottom: 10px;
  }
  .footer-inner .three {
    margin-bottom: 0;
  }
  #block-pharm4me-barrio-aboutpharmacytopreasons h2 {
    padding-top: 40px;
  }
  .careers-page-1.grid-five {
    grid-template-columns: repeat(3, 1fr);
    --bs-gutter-x: 2.5rem;
  }
  .careers-page-1 .grid-item {
    height: 40vw;
  }
  .careers-page-1 .grid-item a {
    font: normal normal normal 24px/30px ProximaNova-Bold;
  }
  .careers-page-1 .field--type-image img {
    margin-bottom: 5px;
  }
  .banner-careers-in-pharmacy-left h1 {
    align-self: center;
    margin-left: 40px;
  }
  #i-want-to-be-a-pharmacy-technician .left img {
    padding: 30px 0 0 30px;
  }
  #bootstrap-horizontal-tabs-content h3 {
    font: normal normal normal 20px/28px ProximaNova-Bold;
    padding-top: 20x;
    padding-bottom: 20px;
  }
  .about-pharm4me #content {
    //height: 1300px;
  }
  #pharm4me_barrio_views_block__meet_the_pharmisicst_block_1_2 {
    display: block;
  }
  #sidebar_first:has(#block-pharm4me-barrio-careers),
  #sidebar_second:has(#block-pharm4me-barrio-views-block-meet-the-pharmisicst-block-1) {
    display: none;
  }
  #block-pharm4me-barrio-views-block-meet-the-pharmisicst-block-1-2 {
    display: block;
    padding: 0 2rem;
  }
  #block-pharm4me-barrio-views-block-meet-the-pharmisicst-block-1-2 h2 {
    font: normal normal normal 20px/24px ProximaNova-Bold;
    color: #C03493;
  }
  #block-pharm4me-barrio-views-block-meet-the-pharmisicst-block-1-2 li {
    display: inline-block;
  }
  #block-pharm4me-barrio-careers-2 {
    display: block;
    padding: 0 2rem;
    margin-bottom: 30px;
  }
  #block-pharm4me-barrio-careers-2 ul {
    display: block;
  }
  #block-pharm4me-barrio-careers-2 li {
    display: block;
  }
  #block-pharm4me-barrio-views-block-careers-pager-block-1 {
    padding: 0 2rem
  }
  #block-pharm4me-barrio-takethepharmacycareerquiz .take-the-quiz {
    margin-top: 0;
  }
  .js-form-type-webform-markup {
    font: normal normal normal 30px/40px ProximaNova-Bold;
    top: -100px;
  }
  legend .form-required {
    font: normal normal normal 20px/24px ProximaNova-Bold;
  }
  .outer-form:has(.webform-submission-pharmacy-career-quiz-form) {
    padding: 100px 50px !important;
    height: auto !important;
  }
  .outer-form:has(.webform-submission-pharmacy-career-quiz-form) .inner-form {
    height: auto !important;
  }
  .webform-submission-pharmacy-career-quiz-form {
    height: auto;
    position: relative;
    top: 0;
    padding: 0 20px;
    margin: 20px;
  }
  .webform-options-custom-template {
    position: static;
  }
  legend .form-required {
    position: relative;
    float: none;
    top: 0;
    left: initial;
  }
  .fieldset-wrapper {
    padding-top: 100px;
  }
  .hosted-form .fieldset-wrapper {
    padding-top: 0px;
  }
  .webform-progress {
    font: normal normal normal 20px/24px ProximaNova;
    position: relative;
    top: 170px;
  }
  .webform-options-custom-template {
    position: static;
    width: 550px;
    margin: 0 auto;
  }
  .webform-custom-options-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-content: center;
  }
  .webform-custom-options-button {
    display: block;
    width: 250px;
    height: auto;
  }
  #i-want-to-work-with-patients {
    padding-bottom: 40px;
  }
  #i-want-to-focus-on-research {
    padding-bottom: 40px;
  }
  .circle-image {
    width: 120px;
    height: 120px;
  }
  .views-exposed-form {
    margin-bottom: 20px;
    max-width: 400px;
    margin: 0 auto 50px auto;
  }
  .blog-page .view-filters,
  .faces-of-pharmacy .view-filters {
    max-width: 400px;
    margin: 0 auto;
  }
  .form-select,
  .form-control {
    max-width: 100%;
  }
  .js-form-item-field-pharmacist-target-id {
    position: absolute;
    top: 75px;
    width: 100%;
  }
  #edit-field-pharmacist-target-id,
  .blog #edit-body-value,
  .blog .js-form-item-body-value {
    width: 100%;
  }
  .blog #edit-body-value {
    width: auto;
    max-width: 100%;
  }
  .page-view-event-list #edit-body-value {
    width: 400px;
    border-radius: 5px;
  }
  .page-view-event-list #edit-submit-event-list {
    left: -40px;
    height: 1px;
  }
  #edit-field-event-category-target-id,
  #edit-field-venue-target-id,
  #edit-title {
    width: 400px;
    margin: 0 auto;
    max-width: 80%;
  }
  .page-view-event-list form .form-actions {
    align-self: flex-end;
    height: 1px;
  }
  #block-pharm4me-barrio-careers-2 {}
  /* FOOTER */
  .grid-five {
    grid-template-columns: 1fr;
  }
  #i-want-to-be-a-pharmacy-technician .left {
    height: auto;
  }
  .pharm-d-applications ul#bootstrap-horizontal-tabs {
    margin: 50px 0 50px;
    border: none;
  }
  .pharm-d-applications ul#bootstrap-horizontal-tabs li {
    width: 100%;
  }
  .pharm-d-applications ul#bootstrap-horizontal-tabs li:nth-of-type(1) {
    border-radius: 10px 10px 0px 0px;
  }
  .pharm-d-applications ul#bootstrap-horizontal-tabs li:nth-of-type(2) {
    border-radius: 0px 0px 10px 0px;
  }
  .pharm-d-applications #bootstrap-horizontal-tabs-content {
    width: 96%;
  }
  .pharm-d-applications #bootstrap-horizontal-tabs img {
    width: 90%;
    height: auto;
  }
  .pharm-d-applications .grid-one-four {
    grid-template-columns: 1fr;
    padding: 20px;
  }
  .pharm-d-applications .grid-one-four {
    height: 600px;
  }
  .pharm-d-applications .grid-one-four img,
  svg {
    width: 100%;
    height: auto;
  }
  .pharm-d-applications .grid-one-four .right {
    border: none;
  }
  .pharm-d-applications #bootstrap-horizontal-tabs-content>div {
    height: 460px;
  }
  .application-box1,
  .application-box2 {
    grid-template-columns: 1fr;
    height: auto;
  }
  .pharm-d-applications .image-wrapper {
    height: 95vw;
    width: 95vw;
    position: static;
    background-size: cover;
    margin: 0 auto;
    padding: 0;
  }
  .pharm-d-applications .right .image-wrapper {
    background-size: cover;
  }
  .pharm-d-applications .image-wrapper iframe {
    width: 100%;
    max-width: 90vw !important;
    height: 59vw !important;
    justify-self: center;
    margin: 0 auto;
  }
  .pharm-d-applications .left .image-wrapper {
    background-size: cover;
  }
  ul#bootstrap-horizontal-tabs li a {
    font: normal normal normal 20px/30px ProximaNova-Bold;
  }
  #block-pharm4me-barrio-financialresourcesbottom {
    display: none;
  }
  #block-pharm4me-barrio-financialawardscholarship {
    background: #F4FDE8 0% 0% no-repeat padding-box;
    padding: 10px 0 20px 0;
    margin-top: 15px;
  }
  .financial-resources .mobile-only-block {
    color: #FFFFFF;
    margin: 40px 20px;
  }
  .financial-resources .counselors {
    color: #393939;
  }
  .financial-resources .mobile-only-block .item {
    background: #FDEAF8 0% 0% no-repeat padding-box;
    height: 130px;
    border: 1px solid #FFFFFF !important;
    padding: 20px;
    display: grid;
  }
  .financial-resources .mobile-only-block .item .expand {
    align-self: center;
  }
  .financial-resources .mobile-only-block .item h3 {
    margin-bottom: 0;
    cursor: pointer;
  }
  .financial-resources .mobile-only-block .item:hover {
    background: #96156D 0% 0% no-repeat padding-box;
    color: #FFFFFF;
  }
  .financial-resources .mobile-only-block .item:hover h3 {
    color: #FFFFFF;
  }
  .financial-resources .mobile-only-block .item .reveal {
    padding: 20px 20px 20px 30px;
  }
  .financial-resources .mobile-only-block .item:has(.contract) {
    background: #96156D 0% 0% no-repeat padding-box;
    height: auto;
  }
  .financial-resources .mobile-only-block .item:has(.contract) h3 {
    color: #FFFFFF;
  }
  .financial-resources .mobile-only-block .item a {
    color: #FDEAF8;
    text-decoration: underline;
  }
  .grid-one-four {
    grid-template-columns: 1fr;
    height: auto;
  }
  .grid-one-four .grid-item.image {
    text-align: center;
  }
  .materials .third-section {
    padding-top: 40px;
  }
  .materials div.underlay img {
    width: 100%;
  }
  .grid-two {
    grid-template-columns: 1fr;
    gap: 0 !important;
    ;
  }
  .third-section h4 {
    font: normal normal normal 20px/30px ProximaNova-Bold;
    color: #0060A3;
  }
  .third-section h2 {
    color: #007F95;
    padding: 20px 0 35px 0;
  }
  .blog .views-view-responsive-grid__item-inner {
    max-width: 450px;
    margin: 0 auto;
  }
  .blog-page form .d-flex {
    gap: 1rem;
  }
  .grid-event {
    grid-template-columns: 100px calc(100% - 100px);
  }
  .grid-event .second-third-wrapper {
    grid-template-columns: 1fr;
  }
  .grid-event .second {
    height: auto;
    border-radius: 0 5px 0 0;
  }
  .grid-event .third {
    height: auto;
  }
  .grid-event .second .add-to-cal {
    position: static;
    margin-bottom: 15px;
  }
  .grid-event .second .add-to-calendar {
    position: static;
  }
  .card {
    --bs-card-spacer-y: 0.25rem;
  }
  .contact-us #block-pharm4me-barrio-content,
  .contact-us #block-pharm4me-barrio-contactform {
    display: block;
    max-width: 100%;
    padding: 0;
    position: static;
    top: 0;
    margin: 0 auto;
  }
  .contact-us .field--name-body,
  .webform-submission-contact-form {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  .light-blue {
    font: normal normal normal 20px/30px ProximaNova-Bold;
  }
  #edit-actions-submit--2 {}
  .materials .third-section h3 {
    margin: 20px 0;
    font: normal normal normal 24px/30px ProximaNova-Bold;
  }
  .materials .third-section h4 {
    padding-bottom: 10px;
  }
  #fullfilling {
    max-width: 90%;
  }
  .grid-fullfilling {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  .grid-fullfilling lottie-player {
    width: 16vw;
    min-width: 120px;
  }
  .grid-one-five {
    padding-top: 5vw;
  }
  #fullfilling .four h3::before,
  #fullfilling .three h3::before,
  #fullfilling .two h3::before,
  #fullfilling .one h3::before {
    top: -20px;
    left: 20px;
    width: 50px;
    height: 50px;
  }
  #imginfo4 img,
  #imginfo2 img,
  #imginfo5 img,
  #imginfo6 img {
    margin-left: 50px;
  }
  #block-pharm4me-barrio-takethepharmacycareerquiz {
    position: relative;
  }
  #block-pharm4me-barrio-readytobecomeapharmacist h2 {
    padding: 40px 10px 0;
  }
  #block-pharm4me-barrio-readytobecomeapharmacist .btn-yellow {
    margin-bottom: 20px;
  }
  .bottom-nav .previous {
    display: grid;
    justify-content: left;
    grid-template-columns: 1fr;
  }
  .bottom-nav .next {
    display: grid;
    justify-content: right;
    grid-template-columns: 1fr;
  }
  .bottom-nav .prev-arrow {
    display: grid;
    justify-items: start;
  }
  .bottom-nav .next-arrow {
    display: grid;
    justify-items: end;
  }
  .financial-resources .arrow-text {
    padding: 0;
  }
  #block-pharm4me-barrio-category-3 {
    display: block;
  }
  #block-pharm4me-barrio-category-3 h2 {
    font: normal normal normal 24px/29px ProximaNova-Bold;
    color: #C03493;
    text-transform: uppercase;
    text-align: center;
  }
  #block-pharm4me-barrio-category-3 .nav {
    display: block;
    text-align: center;
    /*margin-left: 10vw;*/
  }
  .submit-an-event button {
    margin: 0 auto 50px auto;
  }
  .webform-confirmation__message .btn-yellow .btn-left img {}
  .start-your-journey #main-wrapper p {
    font: normal normal normal 20px/27px ProximaNova;
    margin-bottom: 30px;
  }
  .view-event-list p {
    font: normal normal normal 18px/24px ProximaNova;
  }
  .grid-event .third .read-more a {
    bottom: 10px;
  }
  #edit-field-pharmacist-target-id,
  #edit-body-value {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
  }
  .blog .js-form-type-select {
    width: 100%;
  }
  .grid-fullfilling {}
  .middle-text {
    font: normal normal normal 28px/42px ProximaNova-Bold;
  }
  .views-view-responsive-grid--horizontal {}
}
/* ##############################################*/

/* ##############################################*/

/* ##############################################*/

/* 943 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ##############################################*/

@media (max-width: 943px) {
  .views-view-responsive-grid__item {
    margin: 0 auto;
  }
  .impact-item .bottom {}
  .webform-submission-pharmacy-career-quiz-form .js-form-type-webform-markup {
    font: normal normal normal 20px/30px ProximaNova-Bold;
    top: -90px;
  }
  .admissions-middle {
    padding-left: 20px;
  }
  .blog-individual main#content {
    margin-left: 0;
  }
  .event .field--name-title {
    font: normal normal normal 24px/32px ProximaNova-Bold;
  }
  .pharm-d-structures .accordion-header a {
    text-decoration: none;
    font: normal normal normal 24px/32px ProximaNova-Bold;
    padding: 30px;
  }
  .grid-one-five {
    padding-top: 2vw;
  }
  .impact-item {
    margin: 10px auto 30px;
    background-color: white;
  }
}
/* ##############################################*/

/* ##############################################*/

/* ##############################################*/

/* 767 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ##############################################*/

@media (max-width: 767px) {
  h3.smaller,
  .kids .sub-head {
    font: normal normal normal 22px/29px ProximaNova-Bold;
  }
  h3 {
    font: normal normal normal 20px/26px ProximaNova-Bold;
    margin-bottom: 30px;
  }
  .banner-home {
    padding-top: 40px;
  }
  #block-pharm4me-barrio-homeimpacts {
    padding: 0 30px 40px 30px;
  }
  #block-pharm4me-barrio-homeyourcareer .two,
  #block-pharm4me-barrio-homeyourcareer .three {
    display: none;
  }
  .impact-item .middle {
    font: normal normal normal 21px / 24px ProximaNova-Bold;
  }
  .carousel-item .col-xl-5.right img {
    width: 30px;
  }
  .accordion-body {
    /*padding-left: 0;*/
  }
  .top-reasons {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .webform-progress {
    top: 200px;
  }
  .webform-options-custom-template {
    position: static;
    width: auto;
    margin: 0 auto;
  }
  .webform-custom-options-buttons {
    display: grid !important;
    grid-template-columns: 1fr;
    margin: 0 auto !important;
  }
  .webform-custom-options-button {
    margin: 0 auto !important;
  }
  .js-form-type-webform-markup {
    font: normal normal normal 25px/32px ProximaNova-Bold;
  }
  .grid-start {
    grid-template-columns: 1fr;
    gap: 5vw;
    margin-bottom: 100px;
  }
  .grid-start .item {
    width: 90vw;
    height: 130px;
  }
  .grid-start .item .top a::after {
    top: 50px;
  }
  .grid-start .item .top a {
    font: normal normal normal 20px/30px ProximaNova-Bold;
  }
  .grid-start .item .top p {
    max-width: 400px;
  }
  .pagination {
    max-width: 100%;
  }
  #block-pharm4me-barrio-homefullfilling h2 {
    font: normal normal normal 20px/24px ProximaNova-Bold;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  #block-pharm4me-barrio-homefullfilling h3 {
    font: normal normal normal 16px / 18px ProximaNova-Bold;
  }
  #block-pharm4me-barrio-homefullfilling h3:before {
    width: 40px !important;
    height: 40px !important;
    top: -18px !important;
    left: 30px !important;
  }
  #imginfo5 img,
  #imginfo2 img,
  #imginfo6 img,
  #imginfo4 img {
    margin-left: 30px;
  }
  .fullfilling p.large-text {
    margin-bottom: 50px;
  }
  #block-pharm4me-barrio-subscribewithawebform .form-control {
    width: 100%;
  }
  .start-your-journey #main-wrapper p {
    font: normal normal normal 16px/24px ProximaNova;
    margin-bottom: 30px;
  }
  .banner-admissions-left h1 span.bold {
    margin-left: 10px;
  }
  .grid-event {
    grid-template-columns: 100%;
  }
  .grid-event .first {
    display: none;
  }
  .carousel-item .right .btn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .large-text {
    font: normal normal normal 18px / 26px ProximaNova-Semibold;
    color: #393939;
    text-align: center;
  }
  .impact-item .bottom {
    font: normal normal normal 20px / 28px ProximaNova-Semibold;
  }
  .pharmacist .row .right .title {
    font: normal normal normal 28px/36px ProximaNova-Extrabold;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
  }
  .pharmacist .row .right .career a {
    font: normal normal normal 24px/32px ProximaNova-Bold;
    text-align: center;
  }
  .node--type-pharmacist .right>div {
    width: 100%;
  }
  .pharm-d-applications iframe {
       max-width: 100% !important;
      max-height: 60vw !important;

  }
}
/* 600 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ##############################################*/

@media (max-width: 600px) {
  body {
    font: normal normal normal 16px/24px ProximaNova;
  }
  h1 {
    font: normal normal normal 20px/24px ProximaNova-ExtraBold;
  }
  h1 span.bold {
    font: normal normal normal 20px/24px ProximaNova-ExtraBold;
  }
  .title-show h1.title {
    font: normal normal normal 20px/24px ProximaNova-ExtraBold;
  }
  .faces-of-pharmacy h1.title {
    font: normal normal normal 24px / 34px ProximaNova-Bold;
    margin: 30px auto 30px auto;
  }
  .blog .view-header h1,
  .page-view-event-list h1 {
    margin: 40px 0 40px 0;
    font: normal normal normal 24px/34px ProximaNova-Bold;
  }
  h2 {
    font: normal normal normal 24px / 30px ProximaNova-Bold;
    margin: 35px auto 16px auto;
  }
  #block-pharm4me-barrio-views-block-trailblazers-block-1 h2 {
    font: normal normal normal 24px / 32px ProximaNova-Bold;
  }
  .financial-award h2 {
    font: normal normal normal 20px/30px ProximaNova-Bold;
    color: #007F95;
  }
  h3 {
    color: #007F95;
    font: normal normal normal 24px/32px ProximaNova-Bold;
    margin-bottom: 30px;
  }
  .path-frontpage lottie-payer {
    width: 30vw;
  }
  #block-pharm4me-barrio-aboutpharmacytopreasons .bottom h3 {
    font: normal normal normal 20px/30px ProximaNova-Bold;
    margin-bottom: 20px;
  }
  .careers-page-1 .grid-item a {
    font: normal normal normal 14px/16px ProximaNova-Bold;
  }
  section:has(#block-pharm4me-barrio-bannerhome) {
    background: url('/sites/default/files/headers/homepage-header-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
  }
  section:has(#block-pharm4me-barrio-bannerpharm4me) {
    background: url('/sites/default/files/headers/about-pharm4me-header-mobile.jpg');
    background-repeat: no-repeat;
  }
  .banner-heading {
    min-height: 160px;
  }
  #block-pharm4me-barrio-bannerquiz .banner-heading {
    min-height: 160px;
  }
  section:has(#block-pharm4me-barrio-bannerwhypharmacy) {
    background: url('/sites/default/files/headers/about-pharmacy-mobile-header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  .banner-why-pharmacy {
    height: auto;
    width: 50%;
  }
  .banner-quiz-right {
    background: url('/sites/default/files/headers/pharmacy-career-quiz-01-header-mobile.jpg');
    background-repeat: no-repeat;
  }
  .banner-careers-in-pharmacy {
    height: 160px;
    margin-bottom: 30px;
  }
  .banner-careers-in-pharmacy-left {
    height: 160px;
  }
  .banner-careers-in-pharmacy-right {
    background: url('/sites/default/files/headers/careers-in-pharmacy-header-mobile.jpg');
    background-repeat: no-repeat;
    height: 160px;
    background-size: cover;
  }
  .banner-quiz {
    height: 160px;
    margin-bottom: 30px;
  }
  .banner-quiz-left {
    background: #0060A3 0% 0% no-repeat padding-box;
    width: 50vw;
    height: 160px;
    display: flex;
  }
  .banner-quiz-right {
    background: url('/sites/default/files/headers/pharmacy-career-quiz-01-header-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 160px;
    width: 50vw;
  }
  section:has(#block-pharm4me-barrio-bannerpharm4me) {
    background: url('/sites/default/files/headers/about-pharm4me-header-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: none;
    clip-path: none;
    height: 290px;
  }
  .about-pharm4me article {
    margin-top: 230px;
  }
  .blue-box {
    color: #DDF6FF;
    font: normal normal normal 16px/24px;
  }
  .blue-box:host {
    display: inline-block;
    width: 212px;
  }
  .about-pharm4me .leading-text {
    font: normal normal normal 20px/30px ProximaNova;
  }
  #i-want-to-be-a-pharmacy-technician .left img {
    padding: 20px;
    width: 100%;
  }
  /* Start Your Journey */
  section:has(#block-pharm4me-barrio-bannerstarthere) {
    background: url('/sites/default/files/headers/start-your-journey-header-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
  }
  .banner-start-here,
  .banner-materials {
    height: 200px;
    width: 50vw;
  }
  .banner-start-here.banner-heading h1,
  .banner-materials h1 {
    font: normal normal normal 20px/24px ProximaNova-Semibold;
    margin-left: 20px;
  }
  .banner-start-here.banner-heading h1 .bold {
    font: normal normal normal 20px/24px ProximaNova-Extrabold;
  }
  /* Materials */
  section:has(#block-pharm4me-barrio-bannermaterials) {
    height: 200px;
  }
  .banner-admissions {
    height: 200px;
    margin-bottom: 30px;
  }
  .banner-admissions-left {
    height: 200px;
  }
  .banner-admissions-left h1 span.bold {
    font: normal normal normal 20px/30px ProximaNova-Extrabold;
  }
  .banner-admissions-right {
    background: url('/sites/default/files/headers/admissions-header-mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 50vw
  }
  .admissions-middle .grid-two {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  /* STRUCTURES APPLICATION FINANCIAL*/
  .banner-structures,
  .banner-application,
  .banner-financial {
    height: 200px;
    margin-bottom: 30px;
  }
  .banner-structures-left,
  .banner-application-left,
  .banner-financial-left {
    height: 200px;
  }
  .banner-structures h1,
  .banner-application h1,
  .banner-financial h1 {
    font: normal normal normal 20px/30px ProximaNova-Extrabold;
    margin-left: 10px;
  }
  .banner-structures-right {
    background: url('/sites/default/files/headers/pharmd-structures-02-header.jpg');
  }
  .banner-application-right {
    background: url('/sites/default/files/headers/pharmd-application-01-header.jpg');
  }
  .banner-financial-right {
    background: url('/sites/default/files/headers/financial-resources-header.jpg');
  }
  .banner-structures-right,
  .banner-application-right,
  .banner-financial-right {
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    background-position: center;
  }
  .grid-fullfilling {
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin-top: 50px;
  }
  section:has(#block-pharm4me-barrio-bannermaterials) {
    background: url('/sites/default/files/headers/pharm4me-materials-header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .banner-application-right {
    background: url('/sites/default/files/headers/pharmd-application-01-header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  .banner-financial-right {
    background: url('/sites/default/files/headers/financial-resources-header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  .path-frontpage .btn-magenta,
  .path-frontpage .btn-light-blue {
    max-width: 37vw;
    font: normal normal normal 12px/15px ProximaNova-Bold;
    height: 60px;
    margin-bottom: 10px;
  }
  .banner-home {
    max-width: 60vw;
  }
  .page-view-frontpage h1 {
    font: normal normal normal 20px/24px ProximaNova;
    color: #FFFFFF;
  }
  .page-view-frontpage h1 span.bold {
    font: normal normal normal 26px/32px ProximaNova-ExtraBold;
  }
  #fullfilling .grid-item.horiz {
    display: none;
  }
  #fullfilling .grid-one-five {
    grid-template-columns: 1fr;
  }
  #block-pharm4me-barrio-aboutpharmacytopreasons .top-reasons .grid-three {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  #block-pharm4me-barrio-aboutpharmacytopreasons.btn-pale-blue {
    font: normal normal normal 14px/17px ProximaNova-Bold;
    width: 140px;
    height: 50px;
  }
  #block-pharm4me-barrio-aboutpharmacytopreasons .top-reasons button {
    margin-top: 40px;
  }
  #block-pharm4me-barrio-aboutpharmacytopreasons {
    padding-bottom: 0;
  }
  .big-text {
    font: normal normal normal 16px/24px ProximaNova;
    margin-bottom: 40px;
  }
  ul#bootstrap-horizontal-tabs li a {
    font: normal normal normal 14px/20px ProximaNova-Bold;
  }
  /*
    .pharm-d-applications ul#bootstrap-horizontal-tabs li {
      height: 140px !important;
    }
    */
  #bootstrap-horizontal-tabs-content h3 {
    font: normal normal normal 20px/28px ProximaNova-Bold;
    padding-top: 35px;
    padding-bottom: 23px;
  }
  .js-form-type-webform-markup {
    font: normal normal normal 25px/32px ProximaNova-Bold;
  }
  .career-quiz legend .form-required {
    top: -30px;
  }
  .careers-page-1.grid-five {
    grid-template-columns: repeat(2, 1fr);
  }
  .careers-in-pharmacy ul#bootstrap-horizontal-tabs {
    padding-left: 0;
    padding-right: 0;
  }
  #block-pharm4me-barrio-financialresourcesbottom ul#bootstrap-horizontal-tabs li {
    width: 100%;
    height: 130px;
  }
  .btn-pale-blue {
    font: normal normal normal 14px/17px ProximaNova-Bold;
    margin-bottom: 30px;
  }
  .blog-page .view-filters,
  .faces-of-pharmacy .view-filters,
  #edit-field-category-target-id,
  .form-select {
    max-width: 100%;
  }
  #views-bootstrap-meet-the-pharmacists-page-1 {
    margin: 0;
    padding: 0;
  }
  .pharmacist .row .left .image-wrapper {
    padding-top: 20px;
  }
  .views-view-responsive-grid .blog img {
    width: 100%;
    height: auto;
  }
  .views-exposed-form {
    margin-bottom: 10px;
  }
  .fullfilling p.large-text {
    margin-bottom: 0px;
  }
  #info5,
  #info2 {
    padding-bottom: 20px;
  }
  .webform-submission-pharmacy-career-quiz-form {
    border: none;
  }
  .webform-confirmation__message {
    padding: 0;
  }
  .btn-yellow {
    padding: 25px 20px;
  }
  .banner-careers-in-pharmacy-left h1 {
    margin-left: 20px;
  }
  .careers-page-1 .field--type-image img {
    margin-bottom: 5px;
    max-width: 40%;
  }
  .grid-start {
    gap: 2px;
  }
  .image-style-blog-view-featured-asset {
    max-width: 100%;
    height: auto;
  }
  .block-views-blockpharm-pager-block-1 {
    display: none;
  }
  .grid-event .second {
    background: #E2FDFF 0% 0% no-repeat padding-box;
    padding: 20px;
  }
  .entity-pager-list li {
    width: 40%;
  }
  #edit-field-pharmacist-target-id,
  #edit-body-value {
    margin: 0 auto;
  }
  .carousel-item .right {
    padding: 0 30px 0px 30px;
  }
  blockquote {
    font: normal normal normal 18px / 24px ProximaNova;
  }
}
@media (max-width: 400px) {
  .webform-submission-pharmacy-career-quiz-form {
    border: none;
  }
  .webform-submission-pharmacy-career-quiz-form {
    padding: 0;
    margin: 0;
  }
  .addtoany_list {
    bottom: 20vw;
  }
  .pharm-d-applications .grid-one-four {
    height: 650px;
  }
  .g-recaptcha>div {
    max-width: 100%;
  }
  .accordion-body {
    padding: 20px 0 0 0;
  }
  div.overlay {
    width: 50%;
  }
}
.webform-custom-options-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.webform-custom-options-button {
  flex: 1;
  display: table-cell;
  margin: 0 5px 10px 5px;
  border: 3px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  color: #666;
}
.webform-custom-options-button .description {
  font-size: .8em;
}
.webform-custom-options-button[data-option-value]:hover {
  border-color: #999;
  color: #333;
}
.webform-custom-options-button[data-option-value]:focus {
  border-color: #999;
  color: #333;
}
.webform-custom-options-button[data-option-value][aria-checked=true] {
  border-color: #0074bd;
  color: #000;
}
.webform-custom-options-button[data-option-value][aria-checked=true]:focus {
  box-shadow: 0 0 5px #0074bd;
}
.webform-custom-options-button[data-option-value][aria-disabled=true],
.webform-custom-options-button[data-option-value][aria-disabled=true]:hover,
.webform-custom-options-button[data-option-value][aria-disabled=true]:focus {
  cursor: not-allowed;
  border-color: #ccc;
  color: #999;
}
@media (max-width: 600px) {
  .webform-custom-options-buttons {
    display: block;
    margin: 0;
  }
  .webform-custom-options-button {
    display: block;
    margin: 5px 0;
  }

}

.discover-middle {
  background: #F4FDE8 0% 0% no-repeat padding-box;
  padding: 50px;
  gap: 40px;
}
