/* Theme Name: Generate Press Child Template: generatepress */ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); :root { --font-family: "Archivo Black", serif; --font-family-alt: "Arimo", serif; --font-weight: 400; --font-weight-bold: 700; --font-weight-black: 900; /* 3:4 perfect fourth scale */ --font-size-xx-large: 3.648rem; --font-size-x-large: 2.995rem; --font-size-large: 2.226rem; --font-size-medium: 1.699rem; --font-size: 1.414rem; --font-size-biggie: 1.170rem; --font-size-small: 1rem; --font-size-x-small: 0.9rem; --lineheight-text: 1.55; --lineheight-short: 1.2; --color-background: white; --color-base: black; --color-accent: #6e6e6e; --color-background-selection: #f9eaf0; --color-border: #9facdf; --color-text-default: #2b2b2b; --color-text-link: var(--color-accent); --color-text-link-active: var(--color-text-link); --color-text-link-focus: var(--color-text-link); --color-text-link-hover: #9d7ad4; --color-text-link-visited: var(--color-text-link); --color-button-default: var(--color-accent:); --color-button-border: var(--color-base); --color-button-text: #fff; --border-radius-small: .5rem; --border-radius-medium: .75rem; --border-radius-large: 1.5rem; --border-radius-circle: 50%; --border-width-hairline: 0.5px; --border-width: 1px; --border-width-thin: 2px; --border-width-thick: 5px; --duration-instantly: 0; --duration-immediately: 0.1s; --duration-quickly: 0.2s; --duration-promptly: 0.5s; --duration-slowly: 1s; } html, body { margin:0; background-color: var(--color-background); } .body { height:100%; position:relative; background-color: var(--color-background); } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } #homedh1{ height: 0px; width: 0px; overflow: hidden; } .mb-show{display:none;} .mb-hide{display:block;} label, button, select, summary, [type=radio], [type=submit], [type=checkbox] { cursor: pointer; } html { -webkit-text-size-adjust: none; /* for iOS Safari */ text-size-adjust: none; /* for other mobile browsers */ } /* = the root */ a { /* Places underlines below the descenders */ text-underline-position: under; /* Sets the thickness as a percentage of the font size */ text-decoration-thickness: 8; } .related-inpost{ margin-bottom:10px; } img { display: block; max-width: 100%; object-fit: cover; } *, *::before, *::after { box-sizing: border-box; } .fa, .fa-solid { font-weight: 900; font-size: 0.8em; } /* width */ ::-webkit-scrollbar { width: 15px; } /* Track */ ::-webkit-scrollbar-track { background: #121212; } /* Handle */ ::-webkit-scrollbar-thumb { background:var(--color-accent); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: color-accent; } .page-template-Events .mec-event-article .mec-topsec .mec-color-before{ display: flex!important; flex-direction: column!important; gap: 8px!important; } .mec-wrap.colorskin-custom .mec-event-description{ display:none; } .page-template-Events .row-1 div{ display:inline-block; } .page-template-Events .row-1 .mec-event-footer,.page-template-Events .row-1 .event-color,.site-info{ display:none; } .page-template-Events .row-1 .mec-topsec { display: table; } .page-template-Events .row-1 .mec-event-image-wrap { width: 50%; display: table-cell; padding-right: 0px; } .mec-wrap .mec-clear:after, .mec-wrap .mec-clear:before{ display:none; } .page-template-Events .col-2{margin-top:0px;} .page-template-Events .row-1 .mec-event-image a, .page-template-Events .row-1 .mec-event-image img { width: 100%; margin-bottom:0px; object-fit:cover } .page-template-Events h1 { margin: 15px 0px 15px 0px; font-size: var(--font-size-large); font-family: var(--font-family-alt); } .mec-wrap .mec-event-content-wrap,.mec-event-list-standard .mec-col-table-c.mec-event-meta-wrap{ width:100%; display:inline-block; border:0px; padding: 0px; } .mec-event-list-standard .mec-event-article { border: 1px solid #e9e9e9; border-width: 0px 0px 1px 0px; padding: 0px 0px 25px 0px; margin: 30px 0px 25px 0px; box-shadow: unset; text-align: left; } .error404 .contentblock-1{ margin: 10% 2%; min-height: 22vh; } .error404 .contentblock-1 .search-submit { padding: 12px; background-color: unset; color: black; } .error404 .contentblock-1 h1,.error404 .contentblock-1 p{ font-family: var(--font-family-alt); } .mec-wrap .mec-event-content-wrap, .mec-event-list-standard .mec-col-table-c.mec-event-meta-wrap { padding-left: 4%;} .page-template-Events .mec-event-description{ line-height: 1.3em; font-family: var(--font-family-alt); font-size: var(--font-size-biggie); font-weight: 400; color: #888888; text-decoration: none; margin-bottom: 10px; } .page-template-Events .mec-shortcode-organizers ,.page-template-Events .mec-venue-details , .page-template-Events .mec-time-details,.page-template-Events .mec-date-details,.page-template-Events .mec-start-date-label{ line-height: 1.3em; font-family: var(--font-family-alt); font-size: var(--font-size-small); font-weight: 400; color: #888888!important; text-decoration: none; } .page-template-Events .mec-venue-details span{text-transform: capitalize; line-height: 1em;} .mec-organizer-item{margin-bottom:0px!important;} .mec-event-list-standard .mec-event-meta .mec-venue-details svg{ margin-right:6px; } .mec-event-list-standard .mec-event-content{ padding:0px; } .mec-organizers{ margin:0px!important; } .mec-event-list-standard .mec-event-meta .mec-venue-details span,.mec-organizer-item,.mec-organizers.mec-start-date-label, .mec-event-meta .mec-time-detailsl,.mec-event-list-standard .mec-categories-wrapper, .mec-event-list-standard .mec-date-details, .mec-event-list-standard .mec-local-time-details, .mec-event-list-standard .mec-price-details, .mec-event-list-standard .mec-shortcode-organizers, .mec-event-list-standard .mec-time-details, .mec-event-list-standard .mec-venue-details { font-size: var(--font-size-small); margin:0px; margin-bottom: 5px; } .mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover,.mec-event-list-standard .mec-event-meta svg path, .mec-wrap .mec-event-sharing-wrap .mec-event-sharing>li:hover a svg { color: #888888; fill: #888888; } .mec-month-divider h5{ font-size: var(--font-size-large); font-family: var(--font-family-alt); font-weight:400; margin: 0px } .mec-month-divider{ border: 1px solid #e9e9e9; border-width: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; margin: 50px 0px 0px 0px; box-shadow: unset; text-align: left; } .mec-month-divider:after, .mec-month-divider:before{ display:none!important; } .mec-search-form .mec-dropdown-wrap .mec-dropdown-search{ display:block; } .mec-wrap .mec-totalcal-box { position: relative; border: 0px solid #efefef; padding: 0px; margin: 0 0 00px; background: #fafafa00; overflow: hidden; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .012); min-height: 78px; border-radius: var(--mec-primary-border-radius); } .mec-search-form .mec-date-input-search, .mec-search-form .mec-date-search, .mec-search-form .mec-dropdown-search, .mec-search-form .mec-text-input-search, .mec-search-form .mec-time-input-search{ padding:0px; } .mec-wrap .mec-totalcal-box label { display: block; line-height: 1.8; margin-bottom: 4px; font-size: var(--font-size-x-small); font-family: var(--font-family-alt); color: black; } .mec-start-date-label,.mec-event-meta .mec-time-details{ font-size: var(--font-size-small); } .mec-wrap .mec-event-article .mec-color-hover{ font-size: var(--font-size-medium); margin-bottom: 00px; color: black; text-decoration: none; line-height: 1.2em; font-family: var(--font-family-alt); font-weight: 400; text-transform: capitalize; letter-spacing:0px; } .mec-event-title{ margin-bottom:10px!important; } .mec-container [class*=col-] img{ width:100%; } .header,.footer{ overflow: hidden; background-color: var(--color-background); padding: 0px 4.5%; display: flex; justify-content: space-between; align-items: center; border: 1px solid #eee; border-width:0px 0px 1px 0px; padding-bottom: 10px; display: flex; width: 96%; max-width: 1600px; margin: auto; gap: 0px; padding: 15px 0px; } .footer-widgets-container { width: 96%; max-width: 1600px; padding:40px; } .header a,.header button,.footer a { color: black; background-color:unset; text-align: center; padding: 12px; text-decoration: none; font-size: var(--font-size-small); line-height: var(--lineheight-text); font-family: var(--font-family-alt); text-transform: uppercase; letter-spacing: 2px; font-weight:600; } .Header-mb{display:none;} .header-right { float: right; justify-content: center; width:45%; } .header-left { justify-content: center; width: 45%; text-align:right; } .subbrand{ font-family: var(--font-family); font-size: var(--font-size-small); float: right; margin-left: auto; padding-right: 10px; } .header .logo, .footer .logo{ width: 12%; } .header img, .footer img{ width:180px; padding:0px; } .search-form{ display:inline-block; } .search-submit{ padding: 12px; background-color:unset; } .search-form .search-field, .search-form .search-field:focus{ background-color: #00000000!important; border-color: var(--base); border-width: 0px 0px 1px 0px; font-style: italic; font-family: var(--font-family-alt); color: black; letter-spacing:2px; } .sidebar{ height: 100%; display: flex; flex-direction: column; width: 0; position: fixed; z-index:4; top: 0; left: 0; background-color: var(--color-background); overflow-x: hidden; transition: 0.5s; padding: 0px; padding-top: 45px; box-shadow: rgb(21 21 21 / 67%) 5px 3px 8px; } ol, ul { margin: 0 0 1.5em 1em; } .contentblock-1{margin-top:0px;} .contentblock-top{margin-top:15px;} .row-1{ display:flex; width:96%; max-width:1600px; margin:auto; gap: 0px; } .row-1 div{ display: flex; flex-direction: column; } .row-1 div img{margin-bottom:10px;aspect-ratio: 3 / 2;width:100%;} .row-1 .home-main{ flex-direction: row-reverse; width: 74.25%; gap:5%; } .row-1 .home-main img{display:inline-block; width:100%;aspect-ratio: 3 / 2;margin-bottom:0px;} .row-1 .home-main div{display:inline-block; width:35%;} .title{ line-height: 1.2em; margin-bottom: 0.3em; font-family: var(--font-family-alt); font-size: var(--font-size-small); font-weight:400; text-transform: capitalize; } .home-main .title{ font-size: var(--font-size-large); font-weight: 500; color: black; margin-bottom: 0.3em; display: inline-block; text-decoration: none; } .home-alt .title,.home-quad .title{ font-size: var(--font-size-biggie); color: black; text-decoration: none; } .home-article .author{ color: #888; text-decoration:none; font-size: var(--font-size-small); } #jp-relatedposts h3.jp-relatedposts-headline em { font-style: normal; font-weight: 700; line-height: 1.3em; margin-bottom: 15px; font-family: var(--font-family-alt); font-size: var(--font-size-x-small); font-weight: 400; color: #888; text-decoration: none; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-size: inherit; font-weight: 400; text-decoration: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; font-weight: 400; text-transform: none; font-size: 17px; line-height: 1.5; } #jp-relatedposts { display: none; padding-top: 0em; margin: 0em 0; position: relative; clear: both; margin-bottom: 0px; } .read,.cat,.author-name{ line-height: 1.3em; margin-bottom: 15px; font-family: var(--font-family-alt); font-size: var(--font-size-x-small); font-weight:400; color:#888888; text-decoration:none; } .home-quad .cat{ text-decoration:none; margin-bottom: 0px; color:#00469b; } .cat{ color:#00469b; } .row-1 div { display: flex; flex-direction: column; width: 22.75%; } .ad{ background-color:unset; } .ad img{ width: 63%; height: auto; margin: auto; } .row-1 .col-1{ flex-direction: column; width:90%; } .row-1 .col-1 div{ flex-direction: row; width:100%; } .col-1 a{ width:50%; } .home-top{ margin-bottom: 25px; /* order: 0; */ padding-bottom: 25px; /* border-bottom: 1px solid #eee; */ border-width: 0px; border-bottom: 1px solid #eee; } .home-article{ margin-top: 25px; /* order: 0; */ padding-top: 25px; /* border-bottom: 1px solid #eee; */ border-width: 0px; border-top: 1px solid #eee; gap:2%; } .row-1 .col-1 .home-article-text{ display:flex; flex-direction: column; width:47%; } .home-article .read{ font-size: var(--font-size-biggie); margin-bottom:10px; } .home-article .title{ font-size: var(--font-size-medium); margin-bottom: 10px; width: 100%; color: black; text-decoration: none; } .col-2{ margin-left: 50px; margin-top:25px; } .row-1 .divider{ width:3%; } .divider::before{ border-right: 1px solid #eee; content: ""; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-100%); transition: border-right-color .3s linear; position: relative; } .archive .home-top .home-alt{ width:100%; } .archive .home-main{ width: 60%; flex-direction: column; gap: 0px; } .archive .home-top .col-2{ margin-top:0px; margin-left: 40px; width: 21%; } .row-1 .col-2 img{ aspect-ratio:unset } .archive .row-1 .home-main img,.archive .row-1 .home-main .main{ width:100%; } .archive .archive-top{ width: 25.4%; gap: 4%; } .archive h1{ margin:15px 0px 0px 0px; font-size:var(--font-size-large); } .single .single-top .title { font-size: var(--font-size-large); font-weight: 500; margin-bottom: 5px; } .single-top .row-1{ flex-direction: column; margin: 25px auto 10px auto; text-align: center; } .page-template-about-php .single-top .row-1{ margin: 15px auto 10px auto; } .single-mid{ margin-bottom: 25px; } .single-mid .row-1,.bottom-articles{ justify-content:center; } .single .single-mid .home-main,.bottom-articles .col-1{ width:60%; } .single .contentblock-3 .main{ width:60%; } .single .col-2 { width:18%; margin-left: 0px; margin-top:0px; } .row-1 article div{ width:100%; } article p,article li{ font-size: var(--font-size-biggie); font-family: var(--font-family-alt); } .single-mid .col-2 .cat a,.single-mid .col-2 .read .two,.single-mid .col-2 .author-link{ color:#333; font-size:var(--font-size-biggie); font-family: var(--font-family-alt); text-decoration:none; } .single-mid .col-2 .author-name{ color:#333; font-size: var(--font-size-x-small); text-decoration:none; margin-bottom:5px; line-height: 1em; } .single-mid .col-2 .Views{ margin-bottom:0px; } .author-link{ line-height:1em; } hr{ margin-top: 20px; margin-bottom: 20px; width: 40px;} .row-1 .socialfooter{width:50%;} .avatar{display:none!important;} .socialfooter i{ width:15px; text-align:center; } .socialfooter a{ color:#333; text-decoration:none; font-size: var(--font-size-biggie); font-family: var(--font-family-alt); } .bottom-articles .home-article:first-child{ margin-top:0px; } .bottom-articles{margin-top:25px;} .single-mid article{margin-top: 0px; /* order: 0; */ padding-bottom: 20px; /* border-bottom: 1px solid #eee; */ border-width: 0px; border-bottom: 1px solid #eee; gap: 2%;} .read-more{ display:none; } #breadcrumbs{ margin: auto; margin-bottom: 5px; font-family: var(--font-family-alt); } .archive #breadcrumbs{ margin-right:0px; } .page-template-about-php .single-mid article{ margin-top:10px; } /* Container to hold two columns */ .wpcf7 form { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 800px; margin: 0 auto; } /* Make each field half-width, no top/bottom margin */ .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea { width: 100%; padding: 10px; box-sizing: border-box; margin: 0; background-color: #ffffff; } /* Make textarea full width */ .wpcf7 textarea { width: 100%; } /* Style labels with no top/bottom spacing */ .wpcf7 label { display: block; margin: 0 0 4px 0; font-weight: bold; font-family: var(--font-family-alt); } /* Center the submit button below the columns */ .wpcf7 input[type="submit"] { width: auto; padding: 10px 30px; margin: 20px auto 0 auto; display: block; background-color: #000000; color: white; border: none; cursor: pointer; border-radius: 0px; font-family: var(--font-family-alt); letter-spacing: 2px; margin-top: 0px; font-weight: 600; } /* Hover effect for button */ .wpcf7 input[type="submit"]:hover { background-color: #000000} #wpcf7-f358-o1 p { margin-bottom: 0px; width: 70%; } .search-results .archive .home-article{ width:100%; } .search-results .home-article .read { font-size: var(--font-size-biggie); margin-bottom: 10px; } .nav-links{ margin: auto; text-align: center; margin: 0px 0px 20px 0px; } .copyright-bar a{display:none!important;} .topic{ text-decoration: none; padding: 5px; border: 1px solid; margin-right: 5px; display: inline-block; margin-bottom: 5px; } .topic a{ Color:black; } .wp-block-separator{ border-top: 0px solid; } @media only screen and (max-width: 1100px) { .archive .row-1 .home-main .main{ text-align:center; } article h2{ font-size:var(--font-size-medium); } article h3{ font-size:var(--font-size); margin-bottom:10px; } #jp-relatedposts .jp-relatedposts-items { clear: left; flex-direction: column; width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100%; } .logo{ padding: 4px 0px 4px 10px!important; } .logo img{width: 140px; padding: 10px 5px;} .topic { font-size: var(--font-size-x-small);} .header .logo{ width: unset; } #homedh1,.topics { display: none;} .header-right span{ font-family: var(--font-family); font-size: 8px; } .header button{ padding:0px; } nav.header-right { display: flex; float: right; justify-content: center; width: 50%; flex-direction: column; align-items: flex-end; padding: 10px 15px 15px 15px } .inside-footer-widgets>div:not(:last-child) { margin-bottom: 10px; } .footer-widgets .widget :last-child, .sidebar .widget :last-child{ text-align:center!important; } .footer-widgets-container { padding: 20px; } .error404 .contentblock-1 { margin: 0% 2%; min-height: 75vh; vertical-align: middle; justify-content: center; display: flex; align-items: center; justify-content: center; } #breadcrumbs{ width: 94%; margin: auto; margin-bottom: 5px; FONT-SIZE: 12PX; } .archive #breadcrumbs { margin-right: 0px; margin-left: 10px; margin-bottom: 15px; } .dt{display:none;} .home .home-quad .title{ font-size: var(--font-size-small); width:65%; } .home-top .home-article a{ width:100%; } .mb-show{display:block;} .mb-hide{display:none!important;} .row-1 .col-1 .home-article-text { display: flex; flex-direction: column; width: 100%; } /**************/ /*header*/ /**************/ .Header-dt,.archive .scrolly{display:none!important} .scrolly-1{display:block;} .Header-mb{display: flex;padding: 0%;width: 100%;} .header img, .footer img { width: 150px; padding: 0px; } .header-left a,.header-left button{padding:6px;} .sidebar { height: 100%; display:flex; flex-direction: column; width: 0; position: fixed; z-index: 10; top: 0; left: 0; background-color: var(--color-background); overflow-x: hidden; transition: 0.5s; padding: 0px; box-shadow: rgb(21 21 21 / 67%) 5px 3px 8px; } .sidebar a { padding: 8px 8px 8px 16px; text-decoration: none; font-size: var(--font-size-biggie); color: var(--color-accent); display: block; transition: 0.3s; font-family: var(--font-family-alt); letter-spacing: 2px; border: 1px solid var(--color-base); border-width: 1px 0px 0px 0px; font-weight: 500; color: black !important; } .sidebar a:hover { color: #f1f1f1; } .sidebar .closebtn { position: absolute; top: 0; right: 10px; font-size: 30px; margin-left: 37px; padding: 0px; background-color: unset; vertical-align: middle; line-height:38px; color:black; } .openbtn { font-size: 30px; cursor: pointer; background-color: unset; color: white; padding: 0px; border: none; text-align: left; width: auto; } .openbtn img{width:38px;filter: invert(100%);} /*#mySidebar {*/ /* display: flex;*/ /* Flex-direction: column;*/ /* padding: 0px;*/ /* }*/ .side-bottom{ margin-top:auto; } .side-bottom .fa-solid,.side-bottom .fas { font-weight: 700; width: 20px; font-size: 17px; text-align:center; } #mySidebar .search-form .search-field{ width:80%; border-width:0px; } #mySidebar .search-form .search-field::placeholder{ color: white; } #mySidebar .search-form { width: 100%; border: 1px solid var(--color-base); border-width:1px 0px 0px 0px; } #mySidebar .search-submit { padding: 12px; background-color: unset; position: absolute; /* top: 0; */ right: 10px; font-size: 15px; margin-left: 37px; padding: 0px; background-color: unset; vertical-align: middle; line-height: 40px; } .openbtn:hover { background-color: #444; } #main { transition: margin-left .5s; padding: 16px; } #mySidebar2{border-width:0px;} .contentblock-top{margin-top:0px;} .home-top,.row-1 .home-main{ flex-direction: column; width: 100%; } .row-1 .home-main div{ width: 94%; padding: 10px 0px 5px 0px; } .row-1 .home-main img{ width:100%; } .home-main .title{ font-size: var(--font-size); line-height: 1.1em; } .ad img { width: 100%; height:auto; } .ad-mb img { width: 94%; display:block; margin: 15px auto; } .row-1 div{ width: 94%; flex-direction: row; margin: auto; gap: 4%; } .row-1 .home-alt img,.home-top div img{ width: 35%; margin-bottom: 0px; aspect-ratio: 3 / 2; } .home-alt .title,.title { font-size: var(--font-size-small); line-height:1.3em; } .home-alt .read,.home-alt .cat,.home-alt .author{ display:none; } .home-top{ padding:0px; margin:0px; border-width:0px; } .row-1 .divider{ display:none; } .home-quad{ margin-bottom: 15px; padding-bottom: 15px; padding-top:15px; border-width: 0px; border-bottom: 1px solid #eee; } .home-top .home-quad:first-child { border-top: 1px solid #eee; } .home .home-quad a:first-child { width:35%; } .home-top .home-quad a:first-child img { width:100%; } .row-1{ flex-direction: column; width:100%; } .row-1 .col-1 { flex-direction: column; width:100%; } .row-1 .col-1 div{ flex-direction: column; width: 94%; padding-top:15px; } .col-1 .home-article img{ width:100%; } .home-article .read { font-size: var(--font-size-small); margin-bottom: 10px; } .home-article .cat { font-size: var(--font-size-x-small); margin-bottom: 15px; } .home-article .title { font-size: var(--font-size-biggie); line-height: 1.1em; } .archive .row-1 .col-1 .home-article-text{ width:100%; padding-top: 10px; } .archive h1{ margin: 10px 0px 0px 10px; font-size: var(--font-size-medium); } .archive .home-main .title { font-size: var(--font-size); line-height: 1.1em; text-align: center; margin: -30px; background-color: white; width: 94%; margin: -50px auto 0px auto; padding: 10px; } .archive .archive-top { width: 94%; gap: 4%; } .archive .home-top .home-alt { width: 100%; flex-direction: column; } .archive .row-1 .home-alt img, .archive .home-top div img { width: 100%; margin-bottom: 0px; aspect-ratio: 3 / 2; } .archive .home-alt .title{ text-align:center; margin-top:5px; } .archive .home-top .home-quad:first-child{ border-top:0px; margin:0px; gap: 0px; } .single .single-top .title{ line-height: 1em; font-size: var(--font-size-medium); width:98%; margin: 0px auto 5px auto; } .single .single-mid .home-main, .bottom-articles .col-1{ width:100%; } .single .contentblock-3 .main { width: 94%; margin:auto; } .page-template-about-php .single .contentblock-3 .main{ margin-top:20px; } #wpcf7-f358-o1 p { margin-bottom: 0px; width: 100%; } article p, article li { font-size: var(--font-size-small); } .single-mid .author-link,.single-mid .author-name,.single-mid .socialfooter{ display:none; } .single-mid .date,.single-mid .cat,.single-mid .Views{ display:inline-block; margin-bottom:0px; } .single-mid .col-2 .cat a, .single-mid .col-2 .read .two, .single-mid .col-2 .author-link{ font-size: var(--font-size-x-small); color: #888888; } .single-mid .Views,.date{text-align:right;margin-left: auto;} .single-mid .col-2 .Views{margin-left: 0px;} .single .single-mid .col-2{ width: 94%; margin: 5px auto 20px auto; } .single-mid{ margin-bottom:0px; } .single-mid article { margin-top: 25px; padding-bottom: 0px; border-width: 0px; gap: 2%; } .nav-links{ color: black; margin: auto; width: 94%; padding-bottom: 10px; } .nav-links a{ color: black; font-family: var(--font-family-alt); } .single-top .read{ width: 96%; margin: auto; margin-bottom: 10px; } /***********events*************/ .page-template-Events h1 { margin: 10px 0px 10px 10px; font-size: var(--font-size-medium); } .page-template-Events .row-1 .col-1 div { flex-direction: column; width: 100%; padding-top: 0px; margin:0px; } .mec-wrap .mec-totalcal-box{ width: 94%; margin: auto; } .page-template-Events .mec-skin-list-events-container{ margin-top: 20px; width: 94%; } .page-template-Events .mec-month-divider{ width: 96%; margin: auto; display: block; } .mec-event-list-standard .mec-event-article { margin: 15px auto; padding: 0px 0px 15px 0px; width: 94%;} .page-template-Events .row-1 .mec-topsec{ display:flex; } .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap { padding: 0px; min-height: unset; } .mec-wrap .mec-event-content-wrap, .mec-event-list-standard .mec-col-table-c.mec-event-meta-wrap { padding-left: 0%; } .page-template-Events .row-1 .col-1 .mec-month-divider { width: 94%; margin-top: 8%; margin-left: 3%; margin-right: 3%; } .mec-month-divider h5{ font-size: var(--font-size-medium);} .mec-wrap .mec-event-article .mec-color-hover { font-size: var(--font-size-biggie); line-height: 1.1em; display: block; width: 100%; padding-top: 5px; } .page-template-Events .row-1 .col-1 .mec-event-description{ line-height: 1.3em; margin-bottom: 10px; font-family: var(--font-family-alt); font-size: var(--font-size-small); font-weight: 400; color: #888888; text-decoration: none; } .page-template-Events .mec-event-article .mec-topsec .mec-color-before{ display: flex!important; flex-direction: column!important; gap: 5px!important; } .page-template-Events .mec-shortcode-organizers, .page-template-Events .mec-venue-details, .page-template-Events .mec-time-details, .page-template-Events .mec-date-details, .page-template-Events .mec-start-date-label { line-height: 1.3em; font-family: var(--font-family-alt); font-size: var(--font-size-x-small); font-weight: 400; color: #888888 !important; text-decoration: none; } }