@import url("https://use.typekit.net/wro8uzx.css");@import url("https://fonts.googleapis.com/css?family=Karla:400,700&display=swap");@font-face{font-family:"DINOT";src:url("/wp-content/themes/made_oceanliteracy2_theme/fonts/DINOT-Bold.ttf");src:url("/wp-content/themes/made_oceanliteracy2_theme/fonts/DINOT-Bold.ttf?#iefix") format("truetype")}body{font-family:sofia-pro,sans-serif}html,body{overflow-x:hidden;min-width:320px;margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}.container{max-width:1140px;margin:0 auto;padding:0 15px}@media (max-width: 1199.98px){.container{max-width:960px}}@media (max-width: 991.98px){.container{max-width:720px}}@media (max-width: 767.98px){.container{max-width:540px}}@media (max-width: 575.98px){.container{max-width:100%}}#main{min-height:50vh}img{max-width:100%}.oceans-button,.form-submit-btn{margin-bottom:1.25rem;font-size:calc(1.2625rem + .15vw);border-radius:49px;text-transform:uppercase;border:1px solid black;padding:10px 50px;outline:none !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-transition:0.3s ease;transition:0.3s ease;letter-spacing:0.5px;background:none;font-family:sofia-pro,sans-serif}@media (min-width: 1200px){.oceans-button,.form-submit-btn{font-size:1.375rem}}.oceans-button:hover,.form-submit-btn:hover{background:#6a7374;border-color:#6a7374;color:white}.form-submit-btn{margin:.625rem 1rem calc(1.4375rem + 2.25vw) 0}@media (min-width: 1200px){.form-submit-btn{margin:.625rem 1rem 3.125rem 0}}.oceans-section{margin-bottom:calc(1.75rem + 6vw) !important}@media (min-width: 1200px){.oceans-section{margin-bottom:6.25rem !important}}.oceans-section h2{font-size:calc(1.4375rem + 2.25vw);line-height:1.23;text-align:center;position:relative;margin-bottom:calc(1.625rem + 4.5vw)}@media (min-width: 1200px){.oceans-section h2{font-size:3.125rem}}@media (min-width: 1200px){.oceans-section h2{margin-bottom:5rem}}.oceans-section h2:after{content:'';height:calc(1.5rem + 3vw);bottom:calc(-1.5625rem - 3.75vw);left:0;right:0;position:absolute;margin:auto;width:1px;background:black}@media (min-width: 1200px){.oceans-section h2:after{height:3.75rem}}@media (min-width: 1200px){.oceans-section h2:after{bottom:-4.375rem}}.messages .success-message,.messages .error-message{margin-top:5%;font-weight:bold;color:white;background:#6a7374;padding:15px;text-align:center}.messages .success-message p,.messages .error-message p{margin:0;font-size:1.25rem}.messages .success-message{background:rgba(179,221,240,0.2);color:black}.heading{text-align:center}.heading p{padding-top:1rem;line-height:2;font-size:1.25rem;max-width:75%;margin:1rem auto}.d-none{display:none !important}.side-link,.discover-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:85px;right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;outline:none !important;z-index:50}.side-link a,.discover-btn a{border:2px solid white;border-radius:30px;padding:5px 10px !important;background-color:#3fb3c4;color:white;max-width:100px;text-align:center;line-height:1.2;text-transform:uppercase;font-weight:600;font-size:.75rem;display:block;z-index:50;pointer-events:all}.side-link:hover a,.discover-btn:hover a{background:#62c3ef}.side-link:hover .ask-fill,.discover-btn:hover .ask-fill{fill:black}.discover-btn{right:unset;left:15px}.shoal-generic{text-align:center;background-color:rgba(63,179,196,0.2);padding:5% 0}.shoal-generic svg{height:calc(1.53125rem + 3.375vw);width:auto}@media (min-width: 1200px){.shoal-generic svg{height:4.0625rem}}.shoal-generic h2{font-size:calc(1.3125rem + .75vw);line-height:calc(1.34375rem + 1.125vw);margin-bottom:1.25rem}@media (min-width: 1200px){.shoal-generic h2{font-size:1.875rem}}@media (min-width: 1200px){.shoal-generic h2{line-height:2.1875rem}}.shoal-generic p{font-size:1rem;font-weight:normal;line-height:2;width:80%;margin:calc(1.3125rem + .75vw) auto}@media (min-width: 1200px){.shoal-generic p{margin:1.875rem auto}}.shoal-generic .links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.shoal-generic .links a{margin:0 5px}.shoal-generic .oceans-button,.shoal-generic .form-submit-btn{background:white}.shoal-generic .oceans-button:hover,.shoal-generic .form-submit-btn:hover{background:#6a7374}.shoal-generic .android-download{display:inline-block}.shoal-generic .android-download img{max-width:200px}@media (max-width: 991.98px){.interact .side-link,.interact .discover-btn{top:unset;bottom:15px}.interact .side-link svg,.interact .discover-btn svg{width:50px;height:auto}.interact .side-link{right:8px}.interact .discover-btn{left:8px}}@media (max-width: 767.98px){.interact .side-link,.interact .discover-btn{top:unset;bottom:60px}.interact .side-link svg,.interact .discover-btn svg{width:35px;height:auto}.interact .side-link{right:10px}.interact .discover-btn{left:10px}}.mt{margin-top:1rem}.mt-spacing{margin-top:50px}.glide{position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.glide *{-webkit-box-sizing:inherit;box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-ms-touch-action:pan-Y;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide__slide{width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide--rtl{direction:rtl}.article-head h1:after{bottom:-6.5rem}@media (max-width: 991.98px){.article-head h1:after{bottom:-4rem}}@media (max-width: 767.98px){.article-head h1:after{bottom:-3rem}}.principle-slider-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:left;background:rgba(179,221,240,0.1);padding:2.5% 0}.principle-slider-wrapper ul{list-style:none;padding-left:0;margin:0}.principle-slider-wrapper h1{font-size:1.25rem;font-family:sofia-pro,sans-serif;line-height:1.2;font-weight:500;text-align:left;margin:0 0 calc(1.34375rem + 1.125vw)}@media (min-width: 1200px){.principle-slider-wrapper h1{margin:0 0 2.1875rem}}.principle-slider-wrapper h1:after{content:none}.principle-slider-wrapper h2{font-display:swap;font-weight:bold;font-style:normal;font-family:"DINOT", sans-serif;font-size:calc(1.3125rem + .75vw);line-height:1.67;font-weight:bold;text-align:center;margin:0 auto calc(1.625rem + 4.5vw) !important}@media (min-width: 1200px){.principle-slider-wrapper h2{font-size:1.875rem}}@media (min-width: 1200px){.principle-slider-wrapper h2{margin:0 auto 5rem !important}}.principle-slider-wrapper p{font-size:1.25rem;line-height:2;font-weight:normal}.principle-slider-wrapper h1,.principle-slider-wrapper h2,.principle-slider-wrapper p{max-width:55%;margin-right:auto;margin-left:auto}.principle-slider-wrapper .image-container{max-width:250px;margin:calc(1.4375rem + 2.25vw) auto}@media (min-width: 1200px){.principle-slider-wrapper .image-container{margin:3.125rem auto}}.principle-slider-wrapper .video-wrap{max-width:calc(70vw - 150px);margin-right:auto;margin-left:auto;overflow:hidden;padding-bottom:50%;position:relative;height:0;margin-top:calc(1.75rem + 6vw);margin-bottom:calc(1.4375rem + 2.25vw)}@media (min-width: 1200px){.principle-slider-wrapper .video-wrap{margin-top:6.25rem}}@media (min-width: 1200px){.principle-slider-wrapper .video-wrap{margin-bottom:3.125rem}}.principle-slider-wrapper .video-wrap iframe{left:0;top:0;height:100%;width:100%;position:absolute}.principle-slider-wrapper button{background:none;border:none;padding:0;outline:none;-moz-appearance:none;-webkit-appearance:none;color:#6a7374;font-size:1.25rem;-webkit-transition:0.3s ease;transition:0.3s ease}.principle-slider-wrapper button:hover{color:black}.img-slider img{width:50vw;height:100%;-o-object-fit:cover;object-fit:cover;min-height:calc(100vh - 143px)}.img-slider .glide__slide{width:50vw !important;height:inherit}.img-slider .glide__slides{-webkit-transition:opacity 0.5s ease !important;transition:opacity 0.5s ease !important}.img-slider .glide__slides li{opacity:0.5;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}.img-slider li.glide__slide--active{opacity:1}.principle-numbers{margin:auto;text-align:center;position:relative;margin-bottom:calc(1.33125rem + .975vw) !important}@media (min-width: 1200px){.principle-numbers{margin-bottom:2.0625rem !important}}.principle-numbers li{text-align:center;-webkit-transition:0.3s ease;transition:0.3s ease;margin:0;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.principle-numbers li button{margin:0 auto;border:1px solid transparent;border-radius:100%;-webkit-transition:0.3s ease;transition:0.3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:25px;opacity:0.6;cursor:pointer;padding:3px 9px}.principle-numbers .number-active{opacity:1;border-color:black}@media (max-width: 1199.98px){.principle-slider-wrapper .right,.img-slider img{min-height:calc(100vh - 97px)}}@media (max-width: 991.98px){.principle-slider-wrapper .left{max-width:30%;-ms-flex-preferred-size:30%;flex-basis:30%;height:100%}.principle-slider-wrapper .right{max-width:70%;-ms-flex-preferred-size:70%;flex-basis:70%;min-height:calc(100vh - 100px)}.principle-slider-wrapper h1,.principle-slider-wrapper h2,.principle-slider-wrapper p,.principle-slider-wrapper .video-wrap{max-width:60vw}.img-slider img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;min-height:calc(100vh - 100px)}.img-slider .glide__slide{width:30vw !important}}@media (max-width: 767.98px){.principle-slider-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.principle-slider-wrapper .left,.principle-slider-wrapper .right{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.principle-slider-wrapper .right{min-height:0;padding-left:30px;padding-right:30px}.principle-slider-wrapper h1,.principle-slider-wrapper h2,.principle-slider-wrapper p,.principle-slider-wrapper .video-wrap{max-width:100%}.img-slider img{width:100%;min-height:0;max-height:250px}.img-slider .glide__slide{width:100vw !important}}

/*# sourceMappingURL=principles-page.php.css.map */