Journal Paper modified

page-template/page-journal.php

@@ -131,456 +131,6 @@ get_header(); ?>
 <?php endwhile; // end of the loop.
 ?>
 <style>
-    *,
-    *::before,
-    *::after {
-        box-sizing: border-box;
-    }
-
-    * {
-        font-family: "Open Sans", sans-serif;
-        margin: 0px auto;
-        padding: 0px;
-    }
-
-    p {
-        font-size: 16px !important;
-        line-height: 30px;
-        color: #4e4e4e !important;
-        margin: 0 auto;
-    }
-
-    .grid {
-        gap: 30px;
-    }
-
-    body {
-        overflow-y: scroll;
-        overflow-x: hidden;
-    }
-
-    section {
-        background: #fff;
-        margin: 0 auto;
-    }
-
-    header {
-        margin: 0px;
-        padding: 0px !important;
-        height: 50px;
-        overflow: hidden;
-    }
-
-    main {
-        position: relative;
-        padding: 0px !important;
-        background-color: #fff;
-    }
-
-    h1 {
-        font-size: 40px !important;
-        letter-spacing: 2px !important;
-        line-height: 100%;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4 {
-        font-weight: normal;
-        margin-bottom: 0px !important;
-    }
-
-    button {
-        margin: 40px auto;
-        margin-bottom: 30px;
-        max-width: 300px;
-        font-size: 20px;
-        border-radius: 0px;
-        border: none;
-        border-radius: 4px;
-        background: #f68b1f;
-        transition-duration: 0.3s;
-    }
-
-    button:hover {
-        background: #117cf7;
-    }
-
-    .container {
-        margin: 0px auto;
-        padding: 10px 10px;
-        max-width: 1200px !important;
-    }
-
-    .container-fluid {
-        padding: 0px !important;
-    }
-
-    #search-close {
-        width: 100px;
-        border-radius: 40px;
-        background-color: #F68B1F;
-        margin-top: 30px;
-        margin-right: 30px;
-    }
-
-    .overlay-content {
-        overflow: hidden;
-    }
-
-    .overlay-content label {
-        display: inline-block;
-    }
-
-    .overlay-content h4 {
-        display: inline-block;
-        margin: 0px 20px;
-    }
-
-    .overlay-content div a {
-        display: inline-block;
-        text-decoration: underline;
-    }
-
-    .overlay-content div h6 {
-        display: inline-block;
-    }
-
-    #search-bar {
-        width: 60%;
-        display: inline-block;
-    }
-
-    #search-button {
-        width: 300px;
-        display: inline-block;
-        border-radius: 30px;
-        margin-left: 20px;
-        background: #485680;
-    }
-
-    #search-modal {
-        overflow: hidden;
-    }
-
-    #search-button:hover {
-        background-color: #F68B1F;
-    }
-
-    #first-nav>ul>img {
-        transition-duration: 0.5s;
-    }
-
-    section#first-nav-section nav {
-        position: fixed;
-        text-align: center;
-        padding: 0px;
-        justify-content: space-evenly;
-        height: 70px;
-        z-index: 10;
-        transition: 0.5s ease-in-out;
-        background-color: #160c0c;
-        border-bottom: 4px solid #F68B1F;
-        box-shadow: 0px 5px 12px -5px #2F4858;
-    }
-
-    section#first-nav-section nav ul {
-        align-items: center;
-        z-index: 3;
-    }
-
-    section#first-nav-section nav ul img {
-        height: 50px;
-        width: auto;
-        margin-right: 30px;
-        padding-left: 20px;
-    }
-
-    section#first-nav-section nav ul>li {
-        margin-right: 50px;
-    }
-
-    section#first-nav-section nav ul>li:last-child {
-        margin-right: 0px;
-    }
-
-    section#first-nav-section nav ul>li:last-child {
-        margin-right: 0;
-    }
-
-    section#first-nav-section nav ul>li>a {
-        color: #fff;
-        transition-duration: 0.3s;
-        font-size: 14px;
-        letter-spacing: 2px;
-        text-transform: uppercase;
-        font-weight: bold;
-        font-size: 12px;
-    }
-
-    section#first-nav-section nav ul>li:after {
-        content: "";
-        display: block;
-        margin: auto;
-        height: 1px;
-        width: 0px;
-        background: transparent;
-        transition: width 0.3s ease, background-color 0.5s ease;
-    }
-
-    section#first-nav-section nav ul>li:hover:after {
-        width: 100%;
-        background: #fff;
-    }
-
-    section#first-nav-section .nav-resp {
-        height: 50px;
-        background-color: #160c0c;
-        border-bottom: 4px solid #F68B1F;
-        box-shadow: 0px 5px 12px -5px #2F4858;
-    }
-
-    section#first-nav-section .nav-resp ul img {
-        height: 30px !important;
-        padding-left: 20px;
-    }
-
-    section#first-nav-section .nav-resp #menu-bars {
-        padding-top: 2px;
-    }
-
-    #menu-bars {
-        display: none;
-        padding-top: 2px;
-        color: #fff;
-    }
-
-    section#second-nav-section nav {
-        position: fixed;
-        top: 70px;
-        text-align: center;
-        padding: 0px;
-        justify-content: space-evenly;
-        height: 50px;
-        z-index: 10;
-        transition: 0.5s ease-in-out;
-        background: #117cf7;
-    }
-
-    section#second-nav-section nav ul {
-        margin-top: 0px;
-        width: 100vw;
-        justify-content: space-evenly;
-        display: inline-flex;
-    }
-
-    section#second-nav-section nav ul li>a {
-        margin: 0px;
-        color: #fff;
-        transition-duration: 0.3s;
-        font-size: 14px;
-        letter-spacing: 2px;
-        text-transform: uppercase;
-        font-weight: normal;
-        font-size: 12px;
-        border-radius: 0px;
-    }
-
-    section#second-nav-section nav ul li>a:hover {
-        border-radius: 0;
-        font-weight: bolder;
-        color: #eeffb0;
-        text-decoration: none !important;
-    }
-
-    section#second-nav-section nav ul li:first-of-type>a:hover {
-        background: none;
-    }
-
-    section#second-nav-section nav ul li>a>img {
-        height: 40px !important;
-    }
-
-    section#second-nav-section nav ul li>a>img:hover {
-        background-color: rgba(255, 255, 255, 0);
-    }
-
-    section#second-nav-section .second-nav-active {
-        height: 40px;
-        top: 50px;
-        background-color: #117cf7;
-    }
-
-    section#second-nav-section .second-nav-active ul>li>a>img {
-        height: 30px !important;
-    }
-
-    #top-search {
-        width: 140px;
-        border-radius: 0;
-        height: 30px;
-    }
-
-    @media (max-width: 1100px) {
-        #first-nav>ul {
-            position: relative;
-            width: 100%;
-            left: 0px;
-        }
-
-        #first-nav>ul>img {
-            width: 350px;
-            -o-object-fit: contain;
-            object-fit: contain;
-            margin-right: auto;
-        }
-
-        #first-nav>ul>li {
-            display: none;
-        }
-
-        #first-nav>ul>li:last-child {
-            display: inline-block;
-            margin-right: auto;
-            width: 40px;
-        }
-
-        #top-search {
-            display: none;
-        }
-
-        #menu-bars {
-            display: inline-block;
-            margin: 0px auto;
-            padding-top: 13px;
-            font-size: 45px;
-            color: #fff;
-        }
-
-        #first-nav>ul>li:last-child {
-            display: none;
-        }
-    }
-
-    @media (max-width: 576px) {
-        #menu-bars {
-            margin: 0px auto;
-            padding-top: 13px;
-            font-size: 45px;
-            color: #fff;
-        }
-
-        #first-nav>ul>img {
-            width: 170px;
-            margin-left: 10px !important;
-        }
-
-        #search>button.filled {
-            display: none;
-        }
-
-        body>main>section:nth-child(2)>div>h1 {
-            font-size: 60px;
-        }
-
-        #first-nav>ul>li:last-child {
-            display: none;
-        }
-
-        #cta {
-            display: flex;
-            flex-direction: column;
-        }
-
-        #cta>button:nth-child(2) {
-            display: none;
-        }
-
-        #second-nav-section {
-            display: none !important;
-        }
-    }
-
-    #slider-container {
-        padding: 0px !important;
-    }
-
-    .yellow-line {
-        display: block;
-        width: 100px;
-        height: 4px;
-        background-color: #00ff00;
-        margin-left: 10px;
-        margin-top: 10px;
-        margin-bottom: 0px;
-    }
-
-    @media screen and (max-width: 800px) {
-        .yellow-line {
-            margin-left: calc(50vw - 50%) !important;
-        }
-    }
-
-    footer {
-        position: relative;
-        z-index: 30 !important;
-    }
-
-    #footer1 {
-        z-index: 10;
-        height: 400px;
-        background: url("../img/footer2.png") no-repeat;
-        background-size: cover;
-        background-position: top;
-    }
-
-    footer.container-fluid {
-        border-top: 10px solid #C85688;
-        overflow: hidden;
-        text-align: left;
-        margin: 0px;
-        padding: 0px !important;
-        background: #160c0c;
-        min-height: 350px;
-    }
-
-    footer.container-fluid h3 {
-        margin: 10px auto;
-        margin: 30px 0px;
-        font-family: "Open Sans", sans-serif;
-        font-size: 20px;
-        color: #fff;
-        font-weight: normal;
-        text-decoration: underline;
-    }
-
-    footer.container-fluid ul {
-        padding: 0px;
-    }
-
-    footer.container-fluid ul>li {
-        list-style: none;
-        margin: 0px;
-        padding: 0px;
-        line-height: 110%;
-    }
-
-    footer.container-fluid ul>li a {
-        text-decoration: none;
-        color: #fff;
-        font-size: 12px;
-        letter-spacing: 2px;
-        font-weight: normal;
-        font-family: "Open Sans", sans-serif;
-        text-transform: uppercase;
-    }
-
-    footer.container-fluid ul>li a:hover {
-        color: #F68B1F;
-        text-decoration: underline;
-    }
-
     #fine-print {
         text-align: center;
         margin: 10px auto;