html, body, button, input, select, textarea { background-color: #fff; font-family: 'Open Sans', Trebuchet MS, sans-serif !important; font-size: 14px !important; color: #444; line-height: 1; } img { margin: 0 auto; } .clearfix::before, .clearfix::after { content: ''; display: table; clear: both; } .site-branding { margin: 20px auto 0 22px !important; } header#masthead { padding: 3.25em 0% !important; padding-top: 0 !important; } body .site-inner { max-width: 1290px; margin: 54px auto 0; background: #fcfaf5; border: 1px solid #ecece3; padding: 25px 15px; margin-top: 70px; } input, select, textarea { font-family: 'Open Sans', Trebuchet MS, sans-serif !important; font-size: 1em !important; color: #777 !important; font-style: italic !important; border: 1px solid #ebebe1 !important; padding: 8px 10px !important; border-radius: 0 !important; } #page { position: relative; } #secondary { width: 300px; margin-left: 0 !important; } #primary.content-area { float: left; width: calc(100% - 330px); margin-right: 30px; } .vc_row:first-of-type > .vc_column_container { padding-left: 0; padding-right: 0; } .home .vc_row { margin-left: 0; margin-right: 0; } /**************************** Header Widget ***************************/ .header-widget__container * { list-style: none; } #quick-links + li { border-top: none; display: none; } #quick-links { display: flex; position: absolute; top: -51px; right: 20px; } #quick-links > li { cursor: pointer; background: #fcfaf5; } ul#quick-links li > a, ul#quick-links li > span { border-right: 1px solid #ebebe1; text-indent: -9999px; background-color: #fcfaf5; display: block; height: 51px; width: 65px; background-repeat: no-repeat; background-position: center center; } ul#quick-links li:first-of-type a { border-left: 1px solid #ebebe1; } ul#quick-links li.q-facebook a, ul#quick-links li.q-instagram a, ul#quick-links li.q-twitter a, ul#quick-links li.q-pinterest a, ul#quick-links li.q-youtube a { background-size: 24px !important; background-repeat: no-repeat !important; background-position: center !important; } ul#quick-links li.q-facebook a { background: url(/wp-content/plugins/AP-Plugin/assets/images/img/social/facebook.svg); border-top: 4px solid #3b5998; } ul#quick-links li.q-instagram a { background: url(/wp-content/plugins/AP-Plugin/assets/images/img/social/instagram.svg); border-top: 4px solid #c536a4; } ul#quick-links li.q-twitter a { background: url(/wp-content/plugins/AP-Plugin/assets/images/img/social/twitter.svg); border-top: 4px solid #5ea9dd; } ul#quick-links li.q-pinterest a { background: url(/wp-content/plugins/AP-Plugin/assets/images/img/social/pinterest.svg); border-top: 4px solid #cb2027; } ul#quick-links li.q-youtube a { background: url(/wp-content/plugins/AP-Plugin/assets/images/img/social/youtube.svg); border-top: 4px solid #e02d28; } ul#quick-links li.english a { background-image: url(../images/img/icon-en.svg); border-top: 4px solid #ee5866; } ul#quick-links li.english a:hover { background-size: 34px auto; } ul#quick-links li.weather { position: relative; } ul#quick-links li.weather > span { background-image: url(../images/img/icon-weather.svg); border-top: 4px solid #f68a32; } ul#quick-links li.weather .drop-down, ul#quick-links li.search .drop-down { opacity: 0; visibility: hidden; padding: 0 0 0.875em; position: absolute; top: 55px; right: 0px; width: 263px; z-index: 1000; background-color: #fff; border: 1px solid #ebebe1; transition: opacity .4s, visibility .4s; } ul#quick-links li.weather:hover .drop-down, ul#quick-links li.search:hover .drop-down { opacity: 1; visibility: visible; padding-bottom: 0; } ul#quick-links li.search > span { background-image: url(../images/img/icon-search.svg); border-top: 4px solid #f5c850; } ul#quick-links li .drop-down span.title { color: #fff; display: block; font-size: 13px; font-weight: bold; padding: 7px 10px; position: relative; } ul#quick-links li .drop-down .box { padding: 8px 10px; font-size: 13px; } ul#quick-links li .drop-down .box p { margin-bottom: 10px; } ul#quick-links li.search .box form button { background-color: #f5c850; } ul#quick-links li.search .drop-down span.title { background: #f5c850; } ul#quick-links li.search .drop-down span.title::before, ul#quick-links li.weather .drop-down span.title::before { content: ''; display: inline-block; width: 10px; height: 10px; background-color: white; transform: rotate(45deg); position: absolute; top: -6px; right: 30px; } ul#quick-links li.weather .drop-down span.title { background: #F68A32; } ul#quick-links .wp-forecast { padding: 0 1em; border-bottom: 1px solid #ebebe1; float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul#quick-links li.weather .wp-forecast-curr-head { font-weight: bold; font-size: 12px; color: #F68A32; text-align: left; } .wp-forecast .wp-forecast-curr-block, .wp-forecast .wp-forecast-curr-details { display: none; } ul#quick-links li.weather .wp-forecast-fc { display: flex; justify-content: space-between; width: 100%; } ul#quick-links li.weather .wp-forecast-fc > div { width: 116px; } ul#quick-links li.weather .wp-forecast-fc-block { display: flex; } ul#quick-links .wp-forecast-fc-block .wp-forecast-fc-left > div { display: none; } /****************************** News Feed ******************************/ #home-news-feed h2.news-feed__title { background: url(../images/img/txt-read-also_v1.png) center 37% no-repeat, url(../images/img/flow-clrbar.png) left 60px repeat-x; height: 85px; position: relative; font-size: 0; } #home-news-feed a .article { display: flex; align-items: center; justify-content: space-evenly; margin-bottom: 15px; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .15); padding: 10px 0; } #home-news-feed a .article:hover { background-color: rgba(245, 200, 80, 0.1); } #home-news-feed a .article:hover figure { opacity: .8 } #home-news-feed a .article figure { flex: 0 0 34%; border-left: 4px solid currentColor; align-self: flex-start; } #home-news-feed a .article figure img { width: 100%; height: 100%; object-fit: cover; } #home-news-feed a .article .box h3 { font-size: 14px; border-bottom: none; margin-bottom: 10px; margin-top: 0; line-height: 1.4; } #home-news-feed a .article .box p { font-size: 13px; margin-bottom: 10px; } #home-news-feed a .article .box { flex: 0 0 60%; } #home-news-feed a .article .box time { padding-left: 1.636em; background: url(../images/img/icon-clock.svg) left center no-repeat; color: #999; font-size: 11px; } #home-news-feed a .article .box .category { margin-left: 0.818em; padding-left: 1.636em; background: url(../images/img/icon-folder.svg) left center no-repeat; color: #999; font-size: 11px; } #home-news-feed a .article .box .feed-category { margin-bottom: 10px; font-weight: 300; font-size: 27px; } #home-news-feed > a:nth-of-type(1) .article .box .feed-category, #home-news-feed > a:nth-of-type(1) .article figure, #home-news-feed > a:nth-of-type(6) .article .box .feed-category, #home-news-feed > a:nth-of-type(6) .article figure { color: #f5c850; } #home-news-feed > a:nth-of-type(2) .article .box .feed-category, #home-news-feed > a:nth-of-type(2) .article figure, #home-news-feed > a:nth-of-type(7) .article .box .feed-category, #home-news-feed > a:nth-of-type(7) .article figure { color: #aad486; } #home-news-feed > a:nth-of-type(3) .article .box .feed-category, #home-news-feed > a:nth-of-type(3) .article figure, #home-news-feed > a:nth-of-type(8) .article .box .feed-category, #home-news-feed > a:nth-of-type(8) .article figure { color: #6ecdbe } #home-news-feed > a:nth-of-type(4) .article .box .feed-category, #home-news-feed > a:nth-of-type(4) .article figure, #home-news-feed > a:nth-of-type(9) .article .box .feed-category, #home-news-feed > a:nth-of-type(9) .article figure { color: #ee5866 } #home-news-feed > a:nth-of-type(5) .article .box .feed-category, #home-news-feed > a:nth-of-type(5) .article figure, #home-news-feed > a:nth-of-type(10) .article .box .feed-category, #home-news-feed > a:nth-of-type(10) .article figure { color: #5ab978 } nav#nav-posts { margin: 10px 0; padding: 10px 20px; } nav#nav-posts a.nav-active:hover { background-color: #9bcd6e; color: white; } nav#nav-posts a.nav-active { background-color: #9bcd6e; color: white; } nav#nav-posts a:hover { background: #f68931; color: #fff; } nav#nav-posts a { display: inline-block; padding: 3px 13px; font-size: 16px; font-weight: 300; text-decoration: none; border: none; margin-right: -3px; } nav#nav-posts a:hover { } /****************************** Cards Shortcode *******************************/ .cards-header, .cards-column__header, .cards-grid__header { font-family: diarygirl; } .cards-grid__header a, .cards-header a, .cards-column__header a { color: #fff !important;; } .cards-container { display: flex; flex-wrap: wrap; } .cards-column__container { color: #3c8cc3; } .cards-column__container { margin-bottom: 30px; } .cards-header, .cards-column__header { flex: 0 0 100%; /* text-indent: -9999px; */ margin-bottom: 0 !important; /* height: 60px; */ background: #46b4a0; background-size: contain; background-repeat: no-repeat; text-align: center; padding: 15px 0; } .cards-container .card__info h3.card__title { line-height: 1.5; font-size: 15px !important; } .cards-container .card__info p { padding-top: 10px; } .cards-column__header { background: currentColor; } .cards-container .card a:hover img { opacity: 0.7; } .cards-container .cards-header a, .cards-column__container .cards-column__header a { display: block; height: 100%; border: none } .card { flex: 0 0 100%; } @media only screen and (min-width: 1557px) { .cards-container .card:not(:first-of-type) { display: none; } } .cards-column__container .card { flex: 0 0 100%; box-shadow: -7px 0 11px -3px rgba(0, 0, 0, 0.22); } .cards-container .card a, .cards-column__container .card a { width: 100%; height: 100%; display: block; border: none; } .cards-column__container .card a { background-color: currentColor; color: currentColor; } .cards-container .card a:hover { background-color: rgba(0, 0, 0, .1); border: none; } .card__img { border-bottom: 3px solid currentColor; width: 100%; height: auto; display: block; } .card__info { padding: 1em 1.3em; position: relative; } .cards-column__container .card__info * { color: white !important; } .card.column-article a { display: flex; align-items: center; justify-content: space-around; } .card.column-article a figure { flex: 0 0 30%; } .card.column-article a .card__info { flex: 0 0 60%; padding: 0.35em 0; } .card.column-article a .card__info .card__title { font-size: 13px !important; } .card.column-article a .card__info .card__category { margin-left: 0.38em; padding-left: 1.36em; } .card__info::before { content: ''; display: inline-block; z-index: 100; width: 16px; top: -10px; border-top: 3px solid currentColor; border-right: 3px solid currentColor; border-left: none; border-bottom: none; height: 16px; transform: rotate(-45deg); background-color: white; position: absolute; border-radius: 2px; left: 26px; } .cards-grid__container .card__info::before { background-color: #5ab978; } .card:hover .card__info::before { background-color: #399255; width: 16px; border-top: 3px solid currentColor; border-right: 3px solid currentColor; border-left: none; border-bottom: none; height: 16px; transform: rotate(-45deg); top: -10px; left: 26px; border-radius: 2px; } .cards-grid__container .card:first-of-type:hover .card__info::before, .cards-column__container .card:first-of-type:hover .card__info::before { transform: rotate(-225deg); top: -8px; background: #5ab978; } .cards-grid__header:first-of-type:hover + .card .card__info::before { background-color: #399255; } .cards-grid__container .card:first-of-type .card__info::before, .cards-column__container .card:first-of-type .card__info::before { top: -8px; transform: rotate(-225deg); background-color: #5ab978; } /*.card:hover .card__info::before {*/ /* width: 0;*/ /* height: 0;*/ /* border-left: 13px solid transparent;*/ /* border-right: 13px solid transparent;*/ /* border-bottom: 13px solid currentColor;*/ /* transform: rotate(0);*/ /* border-top: none;*/ /* background-color: transparent;*/ /* top: -13px;*/ /* left: 21px;*/ /* border-radius: 2px;*/ /*}*/ .cards-column__container .card:not(:first-of-type) .card__info::before { display: none; } .card__info .card__title { color: #444; font-size: 14px !important; line-height: 1.5; border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0; } .card__info p { font-size: 13px; margin-bottom: 0; color: black; } .card__metadata { color: #999; font-size: 0.786em; display: block; margin-top: 1em; } .card__category { margin-left: 0.818em; padding-left: 1.636em; background: url(../images/img/icon-folder.svg) left center no-repeat; } .cards-column__container .card__category { background: url(../images/img/icon-folder-wh.svg) left center no-repeat; } .card__entry-date { padding-left: 1.636em; background: url(../images/img/icon-clock.svg) left center no-repeat; } .cards-column__container .card__entry-date { background: url(../images/img/icon-clock-wh.svg) left center no-repeat; } @media only screen and (max-width: 1556px) { .card { flex: 0 0 33.333%; box-shadow: -7px 0 11px -3px rgba(0, 0, 0, 0.22); } } /****************************** Cards Shortcode *******************************/ /********************************** Slider Shortcode **********************************/ #slideshow { position: relative; height: 440px; } #slideshow::before { content: ''; height: 96%; width: 9px; background-color: #9bcd6e; display: block; position: absolute; top: 50%; left: -9px; transform: translateY(-50%); } #slideshow::after { content: ''; display: table; clear: both; } #slideshow .slider-nav-thumbnails { display: inline-block; float: right; width: 9%; height: 100%; } #slideshow .slider-nav-thumbnails .slick-track { display: flex; flex-direction: column; justify-content: center; width: auto !important; height: 100%; } #slideshow .slick { float: left; width: 91%; height: 100%; margin-right: 0; overflow: hidden; } @media only screen and (max-width: 1556px) { #slideshow .slick { width: 88%; } #slideshow .slider-nav-thumbnails { width: 12%; } } #slideshow .slick.slick-dotted div, #slideshow .slick.slick-dotted figure { height: 100%; } #slideshow .slick figure figcaption { position: relative; } #slideshow .slick.slick-dotted figure a:hover { background: #9bcd6e; } #slideshow .slick.slick-dotted figure a:hover h3 { background: #7db464; } #slideshow .slick.slick-dotted figure a:hover span.more { color: white; background-color: #7db464; } #slideshow .slick figure figcaption h3 { position: relative; font-weight: 300; font-size: 27px; color: white; line-height: 1.2; padding: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, .15); background: #9bcd6e; border-bottom: 2px solid #92d673; } @media only screen and (max-width: 1556px) { #slideshow .slick figure figcaption h3 { font-size: 24px; } #slideshow .slick figure figcaption p { font-size: 13px; } } #slideshow .slick figure figcaption h3::after { content: ''; display: inline-block; z-index: 1000; width: 16px; bottom: -10px; border-top: none; border-right: none; border-left: 3px solid #92d673; border-bottom: 3px solid #92d673; height: 16px; transform: rotate(-45deg); background-color: #9bcd6e; position: absolute; border-radius: 2px; left: 26px; } #slideshow .slick figure:hover figcaption h3::after { background-color: #7db464; } #slideshow .slick figure figcaption p { padding: 0px 10px; line-height: 1.6; margin-bottom: 0; color: white; font-size: 15px; } #slideshow .slick figure figcaption span.more { display: inline-block; background: white; padding: 3px 8px; color: #7db464; font-size: 13px; position: absolute; right: 20px; margin-top: 30px; } #slideshow .slick.slick-dotted a { border-bottom: none; height: 100%; background: #7db464; transition: all 0s; } #slideshow .slick.slick-dotted img { height: 100%; object-fit: cover; width: 100%; } #slideshow .slick figure a { display: flex; justify-content: space-between; } #slideshow .slick figure a > * { flex: 0 0 50%; } .slick .slick-slider { position: relative; } .slick-dotted .slick-list .slick-slide { clip-path: polygon(50% 2%, 100% 0, 100% 100%, 51% 99%, 0 100%, 0 1%); } .slick-list { background-color: white; } .slider-nav-thumbnails .slick-list { display: inline-block; } .slider-nav-thumbnails .slick-list.draggable { width: 100%; height: 100% !important; } .slider-nav-thumbnails .slick-list.draggable .slick-track > div { min-height: calc(100% / 5); } ul.slick-dots { list-style: none; bottom: 0; position: absolute; left: 25%; transform: translateX(-50%); line-height: 0 !important; background: rgba(0, 0, 0, .15); padding: 6px 10px; } ul.slick-dots li { display: inline-block; margin-right: 8px; line-height: 0; } ul.slick-dots li.slick-active button { background-color: #9bcd6e; } ul.slick-dots li.slick-active button:focus { outline: none; } ul.slick-dots li button { border-radius: 50%; background-color: white; border: 2px solid white; width: 12px; font-size: 0 !important; height: 12px; } .slider-nav-thumbnails .slick-track .slick-slide img { filter: grayscale(1); width: 100%; height: 100%; object-fit: cover; } .slider-nav-thumbnails .slick-track .slick-slide > div { height: 100%; } .slider-nav-thumbnails .slick-track .slick-slide > div > div { height: 100%; } .slider-nav-thumbnails .slick-track .slick-slide img:focus { outline: none; } .slider-nav-thumbnails .slick-track .slick-slide.slick-current img { filter: grayscale(0); } /************************** Columns Shortcode individual ****************************/ /*INfotv*/ .cards-column__container.infotv .card:first-of-type .card__info, .cards-column__container.market .card:first-of-type .card__info { position: static; } .cards-column__container.infotv .card:first-of-type, .cards-column__container.market .card:first-of-type { position: relative; } .cards-column__container.infotv .card:first-of-type .card__info::before, .cards-column__container.market .card:first-of-type .card__info::before { top: -6px; } .cards-column__container.infotv .cards-column__header:hover + .card .card__info::before, .cards-column__container.market .cards-column__header:hover + .card .card__info::before { background-color: white; } .cards-column__container.infotv .cards-column__header a, .cards-column__container.market .cards-column__header a { transition: all 0s; } .cards-column__container.infotv .card:first-of-type img, .cards-column__container.market .card:first-of-type img { border-top: 3px solid currentColor; } .cards-grid__container.infotv, .cards-grid__container .card a:hover { /* background: #3c8cc3; */ } .cards-grid__container.infotv .card.column-article:not(:first-of-type)::before { background: transparent; } /* Camp Grid */ .cards-grid__container.campus .cards-grid__header a { background: url(../images/img/summer_camp_v1_w.png) #c30021 no-repeat; } .cards-grid__container.campus .cards-grid__header:hover a { background: url(../images/img/summer_camp_v1.png) #c30021 no-repeat !important; } .cards-grid__container.campus .card:first-of-type .card__info { border-top: 2px solid #c30021; color: #c30021; } .cards-grid__container.campus .card:first-of-type h3 { border-bottom: 1px solid #840218 !important; } .cards-grid__container.campus, .cards-grid__container .card a:hover { background: #c30021; } .cards-grid__container.campus .card__info::before { background-color: #c30021 !important; } .cards-grid__container.campus .card a { color: #c30021; } .cards-grid__container.campus .card a:hover { background: #c30021; } .cards-grid__container.campus .card.column-article:not(:first-of-type)::before { background: transparent; } /*Apokries*/ .cards-column__container.apokries .cards-column__header a { background: url(../images/img/apokries2_w.png) no-repeat; } .cards-column__container.apokries .cards-column__header a:hover { background: url(../images/img/apokries2_w.png) #fff no-repeat; } .cards-column__container.apokries .card:first-of-type .card__info, .cards-column__container.market .card:first-of-type .card__info { position: static; } .cards-column__container.apokries .card:first-of-type, .cards-column__container.market .card:first-of-type { position: relative; } .cards-column__container.apokries .card:first-of-type .card__info::before, .cards-column__container.market .card:first-of-type .card__info::before { top: -6px; } .cards-column__container.apokries .card:first-of-type .card__info::before { background-color: #C613D4; } .cards-column__container.apokries .cards-column__header:hover + .card .card__info::before, .cards-column__container.market .cards-column__header:hover + .card .card__info::before { background-color: white; } .cards-column__container.apokries .cards-column__header a, .cards-column__container.market .cards-column__header a { transition: all 0s; } .cards-column__container.apokries .card:first-of-type img, .cards-column__container.market .card:first-of-type img { border-top: 3px solid currentColor; } .cards-grid__container.apokries .cards-grid__header a { background: url(../images/img/apokries2_w.png) #C613D4 no-repeat; } .cards-grid__container.apokries .cards-grid__header:hover a { background: url(../images/img/apokries2_w.png) #881396 no-repeat !important; } .cards-grid__container.apokries .card:first-of-type .card__info { border-top: 2px solid #C613D4; color: #C613D4; } .cards-grid__container.apokries, .cards-grid__container .card a:hover { background: #C613D4; } .cards-grid__container.apokries .card__info::before { background-color: #C613D4 !important; } .cards-grid__container.apokries .card a { color: #C613D4; } .cards-grid__container.apokries .card a:hover { background: #881396; } .cards-grid__container.apokries .card.column-article:not(:first-of-type)::before { background: transparent; } /*infowomanGrid*/ .cards-column__container.infowomanGrid .card:first-of-type .card__info, .cards-column__container.market .card:first-of-type .card__info { position: static; } .cards-column__container.infowomanGrid .card:first-of-type, .cards-column__container.market .card:first-of-type { position: relative; } .cards-column__container.infowomanGrid .card:first-of-type .card__info::before, .cards-column__container.market .card:first-of-type .card__info::before { top: -6px; } .cards-column__container.infowomanGrid .cards-column__header:hover + .card .card__info::before, .cards-column__container.market .cards-column__header:hover + .card .card__info::before { background-color: white; } .cards-column__container.infowomanGrid .cards-column__header a, .cards-column__container.market .cards-column__header a { transition: all 0s; } .cards-column__container.infowomanGrid .card:first-of-type img, .cards-column__container.market .card:first-of-type img { border-top: 3px solid currentColor; } .cards-grid__container.infowomanGrid .card.column-article:not(:first-of-type)::before { background: transparent; } .cards-grid__container.infowomanGrid .cards-header { /*background: #dc75a7;*/ } .cards-grid__container.infowomanGrid .card a .card__info { padding: 0.35em 0; } @media only screen and (max-width: 550px) { .cards-grid__container.infowomanGrid .card:first-of-type a .card__info { padding: 8px; margin-top: 0; order: 2; } .cards-grid__container.infowomanGrid .cards-grid__header { z-index: 81; width: 100%; } .cards-grid__container .card:first-of-type a figure img { margin-top: 61px; } .cards-grid__container.infowomanGrid .card:first-of-type a .card__info h3.card__title { font-size: 15px !important; } .cards-grid__container.infowomanGrid .card:first-of-type a .card__info { margin-bottom: 41px; } .cards-grid__container .card:first-of-type .card__info p { display: none; } } @media only screen and (max-width: 480px) { .cards-grid__container.infowomanGrid .card, .cards-grid__container.infowomanGrid .card a .card__info, .cards-grid__container .card:first-of-type, .cards-grid__container .card:first-of-type a .card__info { flex: 0 0 100% !important; } .cards-grid__container.infowomanGrid .card:first-of-type a .card__info h3.card__title { margin-top: 10px; } .cards-grid__container.infowomanGrid .card:first-of-type a figure img { margin-top: 61px !important; } .cards-grid__container .card:first-of-type a { display: block !important; } .cards-grid__container.infowomanGrid .card a .card__info { padding: 20px 7px; } .flex-grid-wrapper .flex-article { flex: 0 0 100%; } } /*Infohealth*/ .btn-infohealth { width: 210px; height: 32px; line-height: 32px; margin: 0px auto; display: block; font-size: 12px; font-weight: bold; text-align: center; text-indent: -4px; background: #2aa950; color: #fff; transition: all .2s; } .cards-grid__container.infohealth { margin-right: -15px; } .cards-grid__container.infohealth .card:first-of-type .card__info {; margin-top: -1px; flex: 0 0 44%; } /*Christmas*/ .cards-container.christmas .cards-header a { background: url(../images/img/christmas.svg) left center no-repeat #dc0000 !important; } .cards-container.christmas .cards-header a:hover { background-color: #e33333 !important; } .cards-container.christmas, .cards-container.christmas .card__info h3.card__title, .cards-container.christmas .card__info p, .cards-container.christmas .card__info .card__metadata { color: #fff !important; } .cards-container.christmas .card .card__info::before { background-color: #e33333 !important; } .cards-container.christmas .card a { background: #e33333 !important; color: #e33333 !important; } .cards-container.christmas .card a:hover { background: #dc0000 !important; } .cards-container.christmas .card:not(:last-of-type) { border-bottom: 2px solid #dc0000 !important; } .cards-container.christmas .card:not(:first-of-type) { border-top: 2px solid #dc0000 !important; } /*Market*/ .cards-column__container.market { color: #46b4a0; } .market .card:hover a { background: #61b794; } /********Campus********/ .cards-container.campus .cards-header a { background: url(../images/img/summer_camp_v1_w.png) left center no-repeat #c30021 !important; padding-bottom: 0px !important; } .cards-container.campus .cards-header a:hover { background: url(../images/img/summer_camp_v1.png) left center no-repeat #ffffff !important; } .cards-container.campus .card { background-color: #c30021; } .cards-container.campus .card .card__img { border-bottom: none; } .cards-container.campus .card .card__info::before { display: none; } .cards-container.campus .card .card__info * { color: white; } .cards-container.campus .card__entry-date { background: url(../images/img/icon-clock-wh.svg) left center no-repeat; } .cards-container.campus .card__category { background: url(../images/img/icon-folder-wh.svg) left center no-repeat; } /********Back To School********/ .cards-container.back-to-school .cards-header a { /* background: url(../images/img/back-w.png) left center no-repeat #CD161A !important; */ padding-bottom: 0px !important; } .cards-container.back-to-school .cards-header a:hover { /* background: url(../images/img/back.png) left center no-repeat #ffffff !important; */ } .cards-container.back-to-school .card { /* background-color: #CD161A; */ background-color: #46b4a0; } .cards-container.back-to-school .card .card__img { border-bottom: none; } .cards-container.back-to-school .card .card__info::before { display: none; } .cards-container.back-to-school .card .card__info * { color: white; } .cards-container.back-to-school .card__entry-date { background: url(../images/img/icon-clock-wh.svg) left center no-repeat; } .cards-container.back-to-school .card__category { background: url(../images/img/icon-folder-wh.svg) left center no-repeat; } /**************Common****************/ .cards-container.common .card a { color: #f5c850; } .cards-container.common .cards-header a { background: left center no-repeat #46b4a0; background-size: contain !important; } .cards-container.common .cards-header a, .events .cards-grid__header a { color: #fff; } .cards-container.common .cards-header a:hover { /* background: left center no-repeat #fbf092; */ } .cards-container.common .card a:hover { background-color: rgba(245, 200, 80, .15); border: none; } .cards-container.common .card a:hover .card__info::before { background-color: #fbf3dc; } /*************Baptise***********/ .cards-container.baptise-party .cards-header a { /* background-image: url(../images/img/vparty_y.png); */ font-size: 20px !important; } .cards-container.baptise-party .cards-header a:hover { /* background-image: url(../images/img/vparty_gr.png); */ /*background-size: 274px 58px !important;*/ } /*************Apodraseis***********/ .cards-container.apodraseis .cards-header a { /* background-image: url(../images/img/apodraseis_y.png); */ } .cards-container.apodraseis .cards-header a:hover { /* background-image: url(../images/img/apodraseis_gr.png); */ /*background-size: 274px 58px !important;*/ } /*************Summer guide***********/ .cards-container.summer-guide .cards-header a { /* background-image: url(../images/img/summer_y.png); */ background-size: 272px 57px !important; } .cards-container.summer-guide .cards-header a:hover { /* background-image: url(../images/img/summer_gr.png);*/ } /*************True stories***********/ .cards-container.true-stories .cards-header a { /* background-image: url(../images/img/true_stories_v1_y.png); */ background-size: unset !important; } .cards-container.true-stories .cards-header a:hover { /* background-image: url(../images/img/true_stories_v1_g.png); */ } /*************Teachers***********/ .cards-container.teachers .cards-header a { /* background-image: url(../images/img/teacher_v1_y.png); */ } .cards-container.teachers .cards-header a:hover { /* background-image: url(../images/img/teacher_v1_g.png); */ } /*************Easter***********/ .cards-container.easter .cards-header a { /* background-image: url(../images/img/easter3-wh.png); */ } .cards-container.easter .cards-header a:hover { /* background-image: url(../images/img/easter3.png); */ } /************* True stories Long ***********/ .cards-container.true-stories-long .cards-header { /* background: url(../images/img/true-stories-bg.png) no-repeat #fff !important; */ } .cards-container.true-stories-long .cards-header a { /* background: url(../images/img/true-stories-bg.png) no-repeat #f5c850 !important; */ width: 241px; } .cards-container.true-stories-long .cards-header a:hover { /* background: url(../images/img/true-stories-bg.png) no-repeat #CD161A !important; */ } .cards-container.true-stories-long .card { display: block; flex: 0 0 50%; } .cards-container.true-stories-long .card:last-child { display: none; } /*****************Infowoman************/ .cards-container.infowoman .card { display: block; flex: 0 0 33.3333%; } .cards-container.infowoman .cards-header a { background: url(../images/infowoman-box/iw_box.png) no-repeat #dc75a7 !important; } .cards-container.infowoman .cards-header a:hover { background: url(../images/infowoman-box/iw_box_color.png) no-repeat #fff !important; } .cards-container.infowoman .card a { color: #9a258f; transition: all 0s; } .cards-container.infowoman .card a:hover { background-color: rgba(245, 200, 80, 0.25); } .cards-container.infowoman .card { background-color: #dc75a7; box-shadow: -12px 0px 18px -11px rgba(0, 0, 0, .25); z-index: 10; } .cards-container.infowoman .card .card__info * { color: white; } .cards-container.infowoman .card__entry-date { background: url(../images/img/icon-clock-wh.svg) left center no-repeat; } .cards-container.infowoman .card__category { background: url(../images/img/icon-folder-wh.svg) left center no-repeat; } .cards-container.infowoman .card__info::before { background-color: #dc75a7; } .cards-container.infowoman .card:hover .card__info::before { background-color: #e28a91; } .cards-container.infowoman .card .card__info p { display: none; } /***********Student Corner********/ /**********Parents School******************/ .cards-container.parents-school .card a { color: #f68a32; transition: all 0s; } .cards-container.parents-school div.card a:hover { background-color: rgba(246, 168, 50, 0.25); border: none; } .cards-container.parents-school .card a:hover .card__info::before { background-color: #fde9cc; } /************Health***********/ .cards-container.health .card a { transition: all 0s; color: #5abee1; } .cards-container.health .card a:hover { background-color: rgba(90, 190, 225, 0.17); } .cards-container.health .card:hover .card__info::before { background-color: #e1f0f2; } /********** Books *****************/ .cards-container.books .card a { color: #765a4f; transition: all 0s; } .cards-container.books div.card a:hover { background-color: rgba(121, 85, 72, 0.2); border: none; } .cards-container.books .card a:hover .card__info::before { background-color: #fde9cc; } /************Health***********/ .cards-container.health .card a { transition: all 0s; color: #5abee1; } .cards-container.health .card a:hover { background-color: rgba(90, 190, 225, 0.17); } .cards-container.health .card:hover .card__info::before { background-color: #e1f0f2; } /******************************** Grid Shortcode *********************************/ .cards-grid__container { display: flex; flex-wrap: wrap; background: #5ab978; } .cards-grid__container.folder-school { background: #2da1ca; display: grid; grid-template-rows: repeat(4, min-content); grid-template-columns: repeat(2, 1fr); } .cards-grid__container.corona { background: #a7011f; display: grid; grid-template-rows: repeat(4, min-content); grid-template-columns: repeat(2, 1fr); } .cards-grid__container.corona.alfa { background: #ffeecc; grid-template-rows: repeat(1,min-content); border: 3px solid #f78f1e; } .cards-grid__header { z-index: 70; display: inline-block; position: absolute; width: 50%; padding: 15px; text-align: center; /* height: 60px; */ /* font-size: 0 !important; */ margin-bottom: 0 !important; box-shadow: 0px 0 11px 0px rgba(0, 0, 0, 0.22); } .folder-school .cards-grid__header, .corona .cards-grid__header { position: static !important; width: 100% !important; grid-row: 1/2; grid-column: 1/span3; } .cards-grid__container.folder-school .card.column-article a, .cards-grid__container.corona .card.column-article a { display: flex !important; } .cards-grid__header a { width: 100%; height: 100%; display: block; border-bottom: none !important; transition: all 0s !important; } .cards-grid__container.events .card:first-of-type img { width: 100%; height: 100%; object-fit: cover; } /******************************** CORONA *********************************/ .cards-grid__header a:hover { } .corona .cards-grid__header a, .corona .cards-grid__header a:hover { background: url(../images/img/corona_txt.png) center center no-repeat #a7011f !important; color: #ffddb7; } .cards-container.corona .cards-header a { background: #a7011f; background: url(../images/img/corona_txt.png) center center no-repeat #a7011f!important; } .cards-container.corona .cards-header a:hover { background: #a7011f; background: url(../images/img/corona_txt.png) center center no-repeat #a7011f!important; } .corona.alfa h2.cards-grid__header { background-image: linear-gradient(#ffa471, #fec) !important; } .corona.alfa .cards-grid__header a, .corona.alfa .cards-grid__header a:hover { background: url(../images/img/alfa_txt.png) center center no-repeat !important; } .cards-grid__container.corona .card .card__info::before { background-color: #a7011f; display: none; } .cards-grid__container.corona .card a:hover { background: #a7011f; } .cards-grid__container.corona .card__img { border-bottom: none; } .cards-grid__container.corona .card.column-article:not(:first-of-type)::before { display: none; } .cards-grid__container.corona .card:first-of-type h3 { border-bottom: none !important; } .cards-grid__container.corona .card a { color: #a7011f; display: block !important; } .cards-grid__container.corona .card:first-of-type .card__info { margin-top: 0; } .cards-grid__container.corona .card:first-of-type { grid-row: 2/-1; grid-column: 1/2; } .cards-grid__container.corona .card:first-of-type .card__info { background: white; } .cards-grid__container.corona .card:first-of-type .card__info * { color: black; } .cards-grid__container.corona .card { grid-column: 2/3; } .cards-grid__container.corona.alfa .card { background: white; } .cards-grid__container.corona .card .card__info * { color: white; } .cards-grid__container.corona .card:first-of-type .card__metadata { margin-left: 10px; } .cards-grid__container.corona .card:not(:first-of-type) .card__entry-date { background: url(../images/img/icon-clock-wh.svg) left center no-repeat; } .cards-grid__container.corona .card:not(:first-of-type) .card__category { background: url(../images/img/icon-folder-wh.svg) left center no-repeat; } .cards-grid__container.corona .card:last-of-type figure { display: flex; justify-content: space-evenly; height: 100%; align-items: center; cursor: pointer; } .cards-grid__container.corona .card:last-of-type figure > div { flex: 0 0 38%; } .cards-grid__container.corona .card:not(:last-of-type) { border-bottom: 2px solid #a7011f; box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .1); } .cards-grid__container.corona.alfa .card:not(:last-of-type) { border-bottom: none; } .cards-grid__container.corona .card:first-of-type .card__info { border-top: 2px solid #a7011f; } .cards-grid__container.corona .card:first-of-type .card__info { border-top: 2px solid #a7011f; color: #a7011f; border-left: 2px solid #a7011f; } .cards-grid__container.corona.alfa .card:first-of-type .card__info { border:none; } .cards-grid__container.corona #folder-school__link:hover { background-color: #a7011f !important; } /******************************** FOLDER SCHOOL *********************************/ .cards-grid__container.folder-school .card .card__info::before { display: none; } .cards-grid__container.folder-school .card__img { border-bottom: none; } .cards-grid__container.folder-school .card.column-article:not(:first-of-type)::before { display: none; } .cards-grid__container.folder-school .card:first-of-type h3 { border-bottom: none !important; } .cards-grid__container.folder-school .card a { display: block !important; } .cards-grid__container.folder-school .card:first-of-type .card__info { margin-top: 0; } .cards-grid__container .card.column-article a { display: block; height: 100%; } .cards-grid__container .card:first-of-type { flex: 0 0 100%; } .cards-grid__container.folder-school .card:first-of-type { grid-row: 2/-1; grid-column: 1/2; } .cards-grid__container.folder-school .card:first-of-type .card__info { background: white; } .cards-grid__container.folder-school .card:first-of-type .card__info * { color: black; } .cards-grid__container.folder-school .card { grid-column: 2/3; } .cards-grid__container.folder-school .card .card__info * { color: white; } .cards-grid__container.folder-school .card:first-of-type .card__metadata { margin-left: 10px; } .cards-grid__container.folder-school .card:not(:first-of-type) .card__entry-date { background: url(../images/img/icon-clock-wh.svg) left center no-repeat; } .cards-grid__container.folder-school .card:not(:first-of-type) .card__category { background: url(../images/img/icon-folder-wh.svg) left center no-repeat; } .cards-grid__container.folder-school .card:last-of-type figure { display: flex; justify-content: space-evenly; height: 100%; align-items: center; cursor: pointer; } .cards-grid__container.folder-school .card:last-of-type figure > div { flex: 0 0 38%; } .cards-grid__container.folder-school .card:not(:last-of-type) { border-bottom: 2px solid #2383a5; box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .1); } .cards-grid__container .card { flex: 0 0 33.33333%; position: relative; } .cards-grid__container .card.column-article:not(:first-of-type)::before { content: ''; height: 48%; width: 1px; background: #7dc896; display: table; position: absolute; bottom: 0; left: 0; } .cards-grid__container .card a { border-bottom: none; transition: none; } .cards-grid__container .card a:hover { background: #399255; } .cards-grid__container .card:first-of-type a { display: flex; } .cards-grid__container .card a { color: #18592c; } .cards-grid__container .card:first-of-type a figure { flex: 0 0 50%; z-index: 80; } .cards-grid__container .card:first-of-type a figure img { border-bottom: none; } .cards-grid__container.folder-school .card:first-of-type .card__info { border-top: 2px solid #2da1ca; } .cards-grid__container .card:first-of-type .card__info { flex: 0 0 50%; padding: 0.8em 0.4em; margin-top: 60px; order: -1; border-top: 2px solid #3dbf64; color: #2aa950; } .cards-grid__container.folder-school .card:first-of-type .card__info { border-top: 2px solid #2da1ca; color: #2da1ca; border-left: 2px solid #2da1ca; } .cards-grid__container.folder-school #folder-school__link:hover { background-color: #2da1ca !important; } .cards-grid__container .card .card__info h3 { font-size: 13px !important; line-height: 1.5; padding: 6px 10px; color: white; font-weight: 600; } .cards-grid__container .card:first-of-type h3 { border-bottom: 1px solid #7dc896 !important; margin-bottom: 7px; padding-bottom: 10px !important; } .cards-grid__container .card:first-of-type .card__info h3 { font-size: 14px !important; } .cards-grid__container .card:first-of-type .card__info p { padding: 6px 10px; color: white; } /******************************** Grid Shortcode *********************************/ /****************************** Advertorial ********************************/ .content-inner.advertorial #primary { padding-left: 0 !important; } .content-inner.advertorial { padding: 0 !important; } .content-inner.advertorial.advertorial--no-sidebar { width: 100% !important; padding: 0 !important; } .content-inner.advertorial.advertorial--no-sidebar #primary { margin: 0 !important; } /****************************** Single *******************************/ .entry-content blockquote { padding: 0.25em 2em; font-size: 1.286em; font-weight: 800; line-height: 1.3; border-left: none; } .entry-content ul { list-style-type: circle; list-style-position: inside; } .entry-content ul li:not(:first-of-type) { margin: 0 0 0px 3px; } .entry-content ul li:first-of-type { margin: 0; } .single-post #content, .page #content { padding: 0; } .single-post #content .content-inner { display: flex; justify-content: space-between; padding: 0; flex-wrap: wrap; width: calc(100% - 300px); float: left; padding: 0 1.5em; } #content .left-sidebar { flex: 0 0 15%; margin-right: 3%; } #content .left-sidebar__container { list-style: none; } #custom_html-5 { display: none; } .single-post #content #primary { flex: 1; margin-right: 3%; border-left: 1px solid #ebebe1; padding: 0 0 0 1.5em; line-height: 1.7; } .single-post #content #secondary, .archive #content #secondary { margin-left: unset; float: right; padding: 0; width: 300px; } .archive #content { padding: 0; } #content-container { width: calc(100% - 300px); padding-right: 33px; float: left; } #main h1 { font-size: 2em; font-weight: 800; color: #444; padding: 0 0 0.5em 0; line-height: 1.2; } #main h1::after { content: ''; display: block; width: 100%; height: 4px; margin-top: 10px; background-image: linear-gradient(to right, #9bcd6e 20%, #ebebe1 20%, #ebebe1); } #main h3, #main h5 { font-weight: 600; border-bottom: 1px solid #9bcd6e; font-size: 1.286em; padding-bottom: 0.5em; width: 100%; } article .entry-content a { border-bottom: 2px solid #9bcd6e; color: #222; transition: all .2s; } article .entry-content a:hover { /* background: #9bcd6e; */ border: none; } a:link, a:visited, a:hover, a:active, a:focus { box-shadow: none !important; text-decoration: none; color: #222; outline: none; } .contest-fb-like.box { background-color: #f59b55; padding: 0.5em 1em; margin-bottom: 1em; } .contest-fb-like.box > iframe { margin-bottom: 0; } .entry-footer div.metadata { margin: 2em 0 -5px; border-top: 1px solid #ebebe1; padding: 1.35em 0 0 30px; font-size: 0.929em; background: url(../images/img/icon-tag.svg) left 21px no-repeat; } .entry-footer div.metadata a { display: inline-block; border: 2px solid #e6c37d !important; padding: 0.231em 4px; margin: 0 0.385em 0.538em 0; text-transform: capitalize; line-height: 1.3; transition: all .2s; } .entry-footer div.metadata a:hover { color: white; background-color: #e6c37d; } .entry-footer { font-size: 0.929em !important; } .entry-footer div.author { background: url(../images/img/pen-icon.svg) left 21px no-repeat; background-size: 21px auto; margin-top: 0; border: none; padding: 1.35em 0 0 30px; font-size: 0.929em; } .entry-footer div.author a { display: inline-block; padding: 0.231em 4px; margin: 0 0.385em 0.538em 0; text-transform: capitalize; line-height: 1.3; border: 2px solid #9bcd6e; transition: all .2s; } .entry-footer div.author a:hover { color: white; background-color: #9bcd6e; } .entry-footer div.entry-date { background: url(../images/img/icon-clock-large.svg) left 21px no-repeat; background-size: 19px auto; padding: 1.35em 0 1em 30px; } .entry-footer div.entry-date a { border: 2px solid #f05a64 !important; background: #f05a64; color: #fff; padding: 0.231em 4px; margin: 0 0.385em 0.538em 0; text-transform: capitalize; line-height: 1.3; display: inline-block; transition: all .2s; } .entry-footer div.entry-date a:hover { background: #fff; color: #f05a64; } #content .single-footer { flex: 0 0 100%; } #content .single-footer .row.prev-next { overflow: hidden; border: 1px solid #ecece3; border-right: none; border-left: none; margin: 2em 0 1em; } #content .single-footer .row.prev-next .article { width: 50%; float: left; background: #fff; line-height: 1.4; } #content .single-footer .row.prev-next .article:not(:first-child) { -webkit-box-shadow: -7px 0 11px -2px rgba(0, 0, 0, 0.22); -moz-box-shadow: -7px 0 11px -2px rgba(0, 0, 0, 0.22); box-shadow: -7px 0 11px -2px rgba(0, 0, 0, 0.22); } #content .single-footer .row.prev-next .article a { width: 100%; height: 100%; float: left; word-wrap: break-word; display: flex; flex-wrap: wrap; } #content .single-footer .row.prev-next .article a:hover { background-color: rgba(155, 205, 110, 0.15); } #content .single-footer .row.prev-next .article img { width: 34%; margin: 15px 0 2em 2em; border: none; align-self: flex-start; } #content .single-footer .row.prev-next .article h4 { order: -1; width: 100%; height: 75px; background: url(../images/img/green-clrbar.png) left bottom no-repeat, url(../images/img/txt-article-prev.svg) 80% 12px no-repeat; line-height: 60px; text-indent: -9999px; position: relative; } #content .single-footer .row.prev-next .article .box { width: 56%; background-image: none; padding: 1.5em 1em 1.35em; text-align: left; margin-top: -14px; align-self: flex-start; } #content .single-footer .row.prev-next .article .box h3 { color: #444; font-size: 14px; border: none; } #content .single-footer .row.prev-next .article h4 span { background: url(../images/img/arrow-article-prev.svg) center center no-repeat; display: inline-block; width: 45px; position: absolute; left: 20px; top: 14px; height: 30px; } #content .single-footer .row.prev-next .article.next h4 { background: url(../images/img/green-clrbar.png) left bottom no-repeat, url(../images/img/txt-article-next.svg) 30px 12px no-repeat; text-align: left; } #content .single-footer .row.prev-next .article.next h4 span { right: 20px; left: auto; background: url(../images/img/arrow-article-next.svg) center center no-repeat; } /************************** Sidebar *************************/ .flex-article { background: #5ab978; } .flex-article:hover { background: #399255; } .flex-article .flex__title { color: #fff; } .flex-grid-wrapper { display: flex; flex-wrap: wrap; } .flex-grid-wrapper .flex-article { flex: 0 0 50%; box-shadow: -7px 0 11px -3px rgba(0,0,0,.22); } h2.flex-grid__header { background: #5ab978; height: 60px; margin-bottom: 0 !important; } h2.flex-grid__header a, h2.flex-grid__header a:hover { background: url(https://www.infokids.gr/wp-content/plugins/AP-Plugin/assets/images/img/infoschool_title.png); height: 60px; width: 100%; display: block; background-position: center; background-repeat: no-repeat; border: none; } .flex-grid { border: 1px solid #2aa950; } h3.flex__title { line-height: 1.5; font-size: 13px!important; border: none !important; border-top: 4px solid #2aa950 !important; margin-top: 0 !important; padding: 7px; } .flex__info { padding: 0 0px 10px; } h3.flex-subtitle { background: #5ab978; border-color: #2aa950 !important; margin-bottom: 0 !important; text-align: center; font-size:15px !important; height:40px; overflow: hidden; padding: 10px; } h3.flex-subtitle a{ margin: auto !important; display: block; width: 100%; border: none; box-shadow: none; color: #ffffff; } h3.flex-subtitle a:hover { background: transparent !important; } .flex__info img { max-width: unset; width: 100%; height: auto; } aside .widget { border-top: none; padding-top: 0; margin-bottom: 30px; } aside .diakrotima { text-align: center; color: #fff; display: block; font-size: 14px; height: 290px; position: relative; background: url(../images/img/diakrotima_2020.jpg) center center no-repeat; transition: all .2s; } aside .diakrotima:hover { color: white; } aside .diakrotima:hover span { background-color: #28424e; } aside .diakrotima span { font-weight: bold; line-height: 32px; display: inline-block; margin-top: 230px; padding: 0px 10px; background-color: #ed1c24; transition: all .2s; } aside .diakrotima span::after { content: '\f432'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'Genericons'; vertical-align: middle; margin-left: 6px; transform: rotate(90deg); } aside .info-seminars { background: #faf0e1; padding-bottom: 1px; max-width: 300px; margin: 0 auto; } aside .info-seminars a { font-weight: bold; font-size: 13px; color: #444444; } aside .info-seminars .seminar-details { padding: 15px 15px 0 15px; } aside .info-seminars .seminar-details em { font-size: 10px; font-style: normal; } aside .info-seminars .date { display: block; float: left; background: url(../images/img/calendar.jpg) center center no-repeat; width: 35px; text-align: center; padding: 11px 5px 0; line-height: 9px; height: 36px; color: #be4650; font-weight: bold; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-right: 10px; font-size: 12px; } aside .info-seminars a.btn { width: 210px; height: 32px; line-height: 32px; margin: 26px auto; display: block; font-size: 12px; font-weight: bold; text-align: center; text-indent: -4px; background: #91dfd3; transition: all .2s; } aside .info-seminars a.btn:hover { background: #be4650; color: white; } aside .info-seminars a.btn::after { content: '\f432'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'Genericons'; vertical-align: middle; margin-left: 6px; transform: rotate(90deg); margin-top: 3px; } #ask-lawyer { height: 300px; background: url(../images/img/dikhgoros.png) no-repeat center; text-align: center; color: #fff; font-size: 14px; display: block; position: relative; background-size: contain; } #ask-lawyer span { display: inline-block; padding: 4px 8px; position: absolute; font-size: 14px; background: #F68A32; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 0; } #ask-lawyer:hover span { background: #D15F09; } a#ask-pro { height: 125px; background: url(../images/img/sidebar.jpg) no-repeat center -766px; text-align: left; padding: 12px 90px 0 18px; display: block; color: #fff; } a#ask-pro strong { font-size: 18px; line-height: 1.3; font-weight: 600; } a#ask-pro:hover { color: #285279; } a#ask-pro p { font-weight: bold; margin: 0.5em 0 0; font-size: 12px; line-height: 1.4; } #recipe { background: url(../images/img/recipe-top.jpg) left top no-repeat, url(../images/img/recipe-bottom.jpg) left bottom no-repeat, url(../images/img/recipe-middle.jpg) left center repeat; min-height: 300px; padding: 115px 37px 0; position: relative; width: 100%; max-width: 300px; margin: 0 auto; } #recipe strong { color: #82552d; font-size: 13px; margin-bottom: 0.5em; width: 100%; float: left; text-align: left; line-height: 1.3; } #recipe p { line-height: 1.4; color: #444; font-size: 12px; margin-bottom: 15px; } #recipe span { background: #ee5866; position: absolute; bottom: 0px; left: 50%; display: inline-block; color: #fff; padding: 8px 16px; font-size: 12px; transform: translateX(-50%); } #recipe:hover span { background: #BD2732; } #recipe:hover strong { color: #e4a90c; } #recipe h4 { text-indent: -9999px; } #contests { background: #f59b55; padding-bottom: 2em; max-width: 300px; margin: 0 auto; } #contests h4 { display: block; text-indent: -9999px; background: url(../images/img/sidebar.jpg) no-repeat center top; width: 100%; height: 125px; border-bottom: 1px solid #f27d3e; } #contests ul { margin: 0; } #contests li { list-style-type: none; } #contests li a { transition: all .2s; color: #fff; border-bottom: 1px solid #f27d3e; display: block; width: 100%; float: left; font-size: 13px; line-height: 1.4; padding: 0.769em 1.385em 0.846em 4.615em; background: url(../images/img/icon-star.svg) 1.385em center no-repeat; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #contests li a:hover { background-color: #F05F28; } #contests a#view-all:hover { background: #f05f28; color: #faf0e1; } #contests ul + a { padding: 10px; background: #faf0e1; display: inline-block; width: 50%; color: #f05f28; font-size: 0.857em; text-align: center; font-weight: 800; line-height: 1.2; transform: translate(50%, 25%); transition: all n .2s; } /************************* Share Buttons **************************/ .left-sidebar .share { list-style: none; width: 100%; margin: auto; } #custom_html-3 { display: none; } .left-sidebar ul.share li a:hover, .left-sidebar ul.share li.pinterest span:hover { opacity: 0.7; } .left-sidebar ul.share li a.twitter { background-position: 0 -50px; background-color: #5ea9dd; } .social_buttons { margin-bottom: 1.75em; padding-bottom: 1.5em; border-bottom: 1px solid #ebebe1; width: 100%; } .left-sidebar .related .article { margin-bottom: 1.75em; font-weight: bold; font-size: 0.929em; width: 100%; } .left-sidebar .related h4 { text-transform: uppercase; margin-bottom: 1em; font-weight: normal; font-size: 1.25em; } .left-sidebar .related .article img:hover { opacity: .8; } .left-sidebar .related .article:hover { background-color: rgba(155, 205, 110, 0.15); } .left-sidebar .related .article img { border: none; margin-bottom: 1em; } .left-sidebar ul.share li.pinterest a { background: url(../images/img/share.svg) no-repeat left -100px #cb2027 !important; display: block !important; float: left !important; margin-right: 6px !important; color: #fff !important; height: 40px !important; width: 100% !important; margin-bottom: 0.769em !important; border: none !important; border-radius: 0 !important; text-indent: -9999px; } .left-sidebar ul.share li a.print { background-position: left -200px; background-color: #f5c850; margin-bottom: 0; } .left-sidebar ul.share li a, .left-sidebar ul.share li.pinterest a { background-image: url(../images/img/share.svg); background-repeat: no-repeat; background-color: #3c5fa0; color: #fff !important; font-weight: bold; margin-bottom: 0.769em; display: block; float: left; font-size: 0.929em; line-height: 40px; height: 40px !important; width: 100% !important; padding-left: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /****************************** Header *******************************/ .site-inner { transition: transform .5s; } .site-header-main { position: relative; } header .site-title, header .site-description { display: none; } nav#site-navigation { width: 100%; margin: 0 !important; } nav#site-navigation li a { display: block; height: 2.12em; text-indent: -9999px; background-repeat: no-repeat; background-image: url(../images/img/nav-icons.svg); border-top: 4px solid; box-sizing: content-box; padding: 10px 0; } nav#site-navigation li a:hover { -webkit-transition: none; border-top-width: 6px; margin-top: -2px; } nav#site-navigation li { display: inline-block; float: left; list-style: none; width: 12.03%; position: relative; border-right: 1px solid #ebebe1; box-sizing: border-box; } #site-header-menu { width: 100%; float: left; margin-top: 2em; margin-bottom: 30px; } .main-navigation .menu-item-has-children > a:after { display: none; } .main-navigation ul ul:before { display: none; } nav#site-navigation .menu-item-has-children .sub-menu li { display: block; background-color: white; width: 222px; border: none; border-bottom: 1px solid rgba(155, 205, 110, 0.15); } nav#site-navigation .menu-item-has-children.cat__kids .sub-menu { width: 510px; } nav#site-navigation .menu-item-has-children.cat__kids .sub-menu li { width: 255px; } nav#site-navigation .menu-item-has-children .sub-menu li a { background: none; text-indent: 0; border: none; line-height: 2; padding: 8px 0 5px 38px; width: calc(100% - 38px); text-align: left !important; } @media only screen and (max-width: 1556px) { nav#site-navigation .menu-item-has-children .sub-menu li a { padding-left: 20px; line-height: 1 !important; font-weight: 500 !important; font-size: 13px; padding-top: 20px; } } nav#site-navigation .menu-item-has-children .sub-menu li a:hover { color: black; margin-top: 0; } nav#site-navigation .cat__teens.menu-item-has-children .sub-menu li a:hover { background: url(../images/img/menu-arrow-green.png) 17px center no-repeat #fcfaf5; } nav#site-navigation .cat__school.menu-item-has-children .sub-menu li a:hover { background: url(../images/img/menu-arrow-yellow.png) 17px center no-repeat #fcfaf5; } nav#site-navigation .cat__kids.menu-item-has-children .sub-menu li a:hover { background: url(../images/img/menu-arrow.png) 17px center no-repeat #fcfaf5; } nav#site-navigation .cat__mom.menu-item-has-children .sub-menu li a:hover { background: url(../images/img/menu-arrow-pink.png) 17px center no-repeat #fcfaf5; } nav#site-navigation .cat__home { width: 3.76%; color: #d80027; } nav#site-navigation .cat__home > a { border-top-color: #d80027; color: #d80027; background-size: 55%; background-position: center; background-repeat: no-repeat; background-image: url(../images/img/ik_home.png); } nav#site-navigation .cat__dad > a { background-position: center -126px; border-top-color: #5abee1; color: #5abee1; } nav#site-navigation .cat__dad { color: #5abee1; } nav#site-navigation .cat__mom > a { background-position: center -57px; border-top-color: #ee5866; color: #ee5866; } nav#site-navigation .cat__mom { color: #ee5866; } nav#site-navigation .cat__kids > a { background-position: center 10px; border-top-color: #9bcd6e; color: #9bcd6e; } nav#site-navigation .cat__kids { color: #9bcd6e; } nav#site-navigation .cat__school > a { background-position: center -400px; border-top-color: #f5c850; color: #f5c850; } nav#site-navigation .cat__school { color: #f5c850; } nav#site-navigation .cat__teens > a { background-position: center -194px; border-top-color: #5ab978; color: #5ab978; } nav#site-navigation .cat__teens { color: #5ab978; } nav#site-navigation .cat__mom { width: 13.56%; } nav#site-navigation .cat__cyprus { width: 10.5%; } #nav_menu-3 { list-style: none; border-top: none; padding-top: 0; } nav#site-navigation li:hover > ul, .main-navigation li.focus > ul { right: auto; left: 0; border: none; border-top: 2px solid currentColor; border-bottom: 4px solid currentColor; } nav#site-navigation ul ul:after { display: none; } nav#site-navigation .cat__contest > a { background: url(../images/img/icon-contests3.png) center center no-repeat #b569d8; border-top-color: #672992; } nav#site-navigation .cat__contest > a:hover { background-color: #672992; border-top-color: #b569d8; } nav#site-navigation .cat__christmas > a { background: url(../images/img/icon-xmas.svg) center center no-repeat #b40101; border-top-color: #355419; } nav#site-navigation .cat__christmas > a:hover { background-color: #355419; border-top-color: #b40101; } nav#site-navigation .cat__back_to_school > a { background: url(../images/img/icon-bts5.png) center center no-repeat #d20202; border-top-color: #950808; } nav#site-navigation .cat__back_to_school > a:hover { background-color: #950808; border-top-color: #d20202; } nav#site-navigation .cat__doctor > a { background: url(../images/img/clinofar.png) center center no-repeat #f94ba2; border-top-color: #b41e68; } nav#site-navigation .cat__doctor > a:hover { background-color: #b41e68; border-top-color: #f94ba2; } nav#site-navigation .cat__cyprus > a { background: url(../images/img/cyprus-btn.png) center center no-repeat #a7011f; border-top-color: #d70027; } nav#site-navigation .cat__cyprus > a:hover { background-color: #d70027; border-top-color: #a7011f; } /********************************* Secondary Nav Menu *********************************/ .replacement { height: 212px; display: none; } .secondary-nav { position: relative; } #nav_menu-3 { position: absolute; top: 0; left: 0; width: 100%; } #menu-secondary-menu { list-style: none; margin: 0; } #menu-secondary-menu li { display: inline-block; } #menu-secondary-menu li a { color: inherit; overflow: hidden; } @media only screen and (max-width: 870px) { #menu-item-34 > a, #menu-item-30 > a, #menu-item-32 > a { padding-top: 8px !important; } } @media only screen and (max-width: 689px) { body .nav-btn#mobile-nav-btn { display: block; } } @media only screen and (min-width: 690px) { .site-header-menu { display: block !important; } ul#menu-secondary-menu li { display: inline-block; float: left; } ul#menu-secondary-menu li.cat__baby { width: 14%; } ul#menu-secondary-menu li.cat__baby a { padding: 0 2em 0 6.5em; text-indent: -9999px; } ul#menu-secondary-menu li.cat__baby a:hover { background: url(../images/img/arrow-baby.svg) right center no-repeat, url(../images/img/nav-baby-01-hover.svg) 1.75em center no-repeat; background-color: #46b4a0; } ul#menu-secondary-menu li.cat__preparation { width: 25.5%; } ul#menu-secondary-menu li.cat__preparation a { background: url(../images/img/arrow-baby-02.svg) right center no-repeat, url(../images/img/nav-baby-02.svg) 1.35em center no-repeat; background-color: #6ecdbe; } ul#menu-secondary-menu li.cat__preparation a:hover { background-size: auto auto, 28px auto; background-position: right center, 1em center; } ul#menu-secondary-menu li.cat__pregnancy { width: 16.5%; } ul#menu-secondary-menu li.cat__pregnancy a { background: url(../images/img/arrow-baby.svg) right center no-repeat, url(../images/img/nav-baby-03.svg) 1.35em center no-repeat; background-color: #46b4a0; } ul#menu-secondary-menu li.cat__pregnancy a:hover { background-size: auto auto, 30px auto; background-position: right center, 1em center; } ul#menu-secondary-menu li.cat__labor { width: 14%; } ul#menu-secondary-menu li.cat__labor a { background: url(../images/img/arrow-baby-02.svg) right center no-repeat, url(../images/img/nav-baby-04.svg) 1.35em center no-repeat; background-color: #6ecdbe; } ul#menu-secondary-menu li.cat__labor a:hover { background-size: auto auto, 32px auto; background-position: right center, 1em center; } ul#menu-secondary-menu li.cat__0-36, ul#menu-secondary-menu li.cat__infohealth { width: 13%; } ul#menu-secondary-menu li.cat__0-36 a { background: url(../images/img/nav-baby-05.svg) 1em center no-repeat; background-color: #46b4a0; padding-right: 10px; } ul#menu-secondary-menu li.cat__infohealth a { background: url(../images/img/infohealth6.png) 1em center no-repeat; background-size: 28px auto; background-color: #9f1049; padding-right: 10px; font-family: 'Open Sans', Trebuchet MS, sans-serif !important; } ul#menu-secondary-menu li.cat__0-36 a:hover, ul#menu-secondary-menu li.cat__infohealth a:hover { background-size: 34px auto; background-position: 1em center; } ul#menu-secondary-menu li.cat__parties { width: 17%; } ul#menu-secondary-menu li.cat__parties a { background: url(../images/img/party-01.svg) 1.35em center no-repeat #fbf092; background-size: 20px auto; color: #46B4A0; padding-right: 10px; } ul#menu-secondary-menu li.cat__parties a:hover { background-color: #fefbb7; } ul#menu-secondary-menu li a { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0 2em 0 3.5em; font-size: 16px; height: 3.125em; display: block; line-height: 3.125em; background: url(../images/img/arrow-baby.svg) right center no-repeat, url(../images/img/nav-baby-01.svg) 1.75em center no-repeat; background-color: #46b4a0; } } @media only screen and (max-width: 1556px) and (min-width: 690px) { ul#menu-secondary-menu li a, ul#menu-secondary-menu li.cat__baby a, ul#menu-secondary-menu li.cat__pregnancy a, ul#menu-secondary-menu li.cat__labor a, ul#menu-secondary-menu li.cat__preparation a, ul#menu-secondary-menu li.cat__0-36 a, ul#menu-secondary-menu li.cat__infohealth a, ul#menu-secondary-menu li.cat__parties a { background-image: none; line-height: 1; text-indent: 0; text-align: center; font-size: 15px; padding: 14px 0 0; } } /********************************* Mobile Menu *********************************/ .nav-btn#mobile-nav-btn { position: absolute; top: 19px; right: .5em; color: #F68A32; font-size: 1.7em; line-height: 24px; display: none; } .nav-btn#mobile-nav-btn img { float: left; margin-right: .5em; } #nav_menu-4.widget.widget_nav_menu { list-style: none; border-top: none; position: absolute; top: 0; left: 0; z-index: 10000; padding-top: 3.5em; background: #f79647; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, .1); -moz-box-shadow: inset -1.5em 0 1.5em -.75em rgba(0, 0, 0, .1); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, .1); width: 75%; transform: translateX(-100%); transition: transform .5s; } #nav_menu-4.widget.widget_nav_menu .menu-mobile-menu-container { background: #F68A32; border-top: 1px solid rgba(255, 255, 255, 0.3); } .widget.widget_nav_menu #menu-mobile-menu { list-style: none; margin: 0; } .widget.widget_nav_menu #menu-mobile-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; font-size: 1em; padding: 1em 1.75em; display: block; } .close-mobile-btn > a { position: absolute; top: 7px; right: 7px; opacity: .7; width: 28px; height: 28px; border-bottom: none !important; border: 0; background: url(../images/img/close-btn.svg) left center no-repeat; font-size: 0 !important; } .mobile-active { transform: translateX(0) !important; } .site-inner-shifted { transform: translateX(75%) !important; } #menu-mobile-menu ul.sub-menu { list-style: none; margin-left: 0; background: rgba(255, 255, 255, 0.1); padding-left: 20px; } /********************************* Mobile Menu *********************************/ .sticky-head { margin-top: 0 !important; position: fixed; top: 0; z-index: 1000; background-color: white; left: 50%; transform: translateX(-50%); max-width: 1258px; } @media only screen and (max-width: 1556px) { .site-inner, .sticky-head { max-width: 1100px !important; padding: 1.5em 1.071em; } #site-header-menu { padding-top: 0; } .single-post #content .content-inner { padding: 0 2.22em; } #content .left-sidebar { flex: 0 0 100%; margin-right: 0%; order: 1; width: 100%; } #content .left-sidebar .social_buttons { padding-top: 1.5em; padding-bottom: 1.5em; border-top: 1px solid #ebebe1; } #main.site-main { margin-bottom: 0; } #content .left-sidebar .social_buttons .share { display: flex; justify-content: flex-start; } #content .left-sidebar .social_buttons .share .pinterest + li { display: none; } #content .left-sidebar .social_buttons .share li { flex: 0 0 31.33%; margin-right: 2%; max-width: 177px; } #content .single-footer { order: 2; } .single-post #content #primary { flex: 1 0 100%; } .single-post #content .content-inner { padding-left: 0; } nav#site-navigation .cat__cyprus > a, nav#site-navigation .cat__doctor > a, nav#site-navigation .cat__contest > a { background-size: 96%; } nav#site-navigation li:not(:first-of-type):not(:last-of-type):not(:nth-child(7)):not(:nth-child(8)) a { background-image: none !important; text-indent: 1px; text-align: center; color: black !important; font-weight: 600; line-height: 2; width: 100%; } .single-related .box.related { display: flex; flex-wrap: wrap; } .single-related .box.related > h4 { flex: 0 0 100%; } .single-related .box.related > div.article { flex: 0 0 31.33333%; } .cards-container.true-stories-long .card { display: block; flex: 0 0 33.333%; } .cards-container.true-stories-long .card:last-child { display: block; } } @media only screen and (max-width: 1556px) and (min-width: 601px) { .single-related .box.related > div.article:not(:nth-of-type(3n)) { margin-right: 3%; } } @media screen and (min-width: 48.9375em) { body:not(.custom-background-image).admin-bar:before { top: 0 !important; } } @media screen and (min-width: 61.5625em) { .site-header { padding: 5.25em 0% !important; } } @media screen and (min-width: 44.375em) { .site { margin: 0 !important; } body:not(.custom-background-image):before, body:not(.custom-background-image):after { height: 0 !important; } } @media screen and (max-width: 984px) { #masthead { padding-left: 0; padding-right: 0; } body .site-inner { margin-top: 0; } } /********************** Pages **********************/ .page .entry-header .entry-title { display: none; } .page .contact-form__container .contact-form__inner .contact-form { border-bottom: none; } .page .contact-row { font-size: 1.071em; color: #555; line-height: 1.4; background: #fff url(../images/img/contact-clrbar.png) center bottom no-repeat; } .page #main .contact-row h2 { background: #9bcd6e; color: #fff; font-weight: 600; font-size: 2em; padding: 12px 2.5%; } .page #main .contact-row h1.contact-page__header { background: #9bcd6e; font-weight: 300; color: #fff; font-size: 2em; padding: 16px 2.5%; width: 95%; text-align: center; margin-right: auto; margin-left: auto; } .page #main .contact-row h1.contact-page__header::after { display: none; } .page #main .contact-row .contact-page { padding: 1.5em 3.5em 0 3.5em; } .advertise-header { background: #9bcd6e; font-weight: 300 !important; color: #fff; font-size: 2em !important; padding: 16px 2.5%; width: 100%; } .vc_row.wpb_row.vc_row-fluid.advertise-row { display: flex; flex-wrap: wrap; justify-content: space-between; } .vc_row.wpb_row.vc_row-fluid.advertise-row > div:first-child { flex: 0 0 100%; } .vc_row.wpb_row.vc_row-fluid.advertise-row > div:nth-child(2) { flex: 0 0 20%; } .vc_row.wpb_row.vc_row-fluid.advertise-row > div:last-child { flex: 0 0 75%; } @media only screen and (max-width: 1556px) { .vc_row.wpb_row.vc_row-fluid.advertise-row > div:nth-child(2) { flex: 0 0 100%; order: 2; } .vc_row.wpb_row.vc_row-fluid.advertise-row > div:last-child { flex: 0 0 100%; order: 1; padding: 0 15px; } .vc_row.wpb_row.vc_row-fluid.advertise-row > div:nth-child(2) .contact-form__inner { padding: 2em 0; } } @media only screen and (max-width: 650px) { .page #main .contact-row h1.contact-page__header { font-size: 1.5em; } .page #main .contact-row h2 { font-size: 1.6em; } .page #main .contact-row .contact-page { padding: 1.5em 1.5em 0 1.5em; } } @media only screen and (max-width: 450px) { .page .contact-page p { font-size: 13px; } .page #main .contact-row .contact-page { padding: 1.5em .7em 0 .7em; } } /************************** Category Page ****************************/ .archive .latest__row { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2em; background: #fff; } .archive .latest h1 { background-color: #9bcd6e; color: white; font-weight: 400; padding: 8px 25px; } .meta-nav.screen-reader-text { display: none; } @media only screen and (max-width: 400px) { .archive .latest h1, .archive .posts-column h2 { font-size: 25px; } } .archive .latest__row .article.article--row { flex: 0 0 33.333%; -webkit-box-shadow: -7px 0 11px -3px rgba(0, 0, 0, 0.22); -moz-box-shadow: -7px 0 11px -3px rgba(0, 0, 0, 0.22); box-shadow: -7px 0 11px -3px rgba(0, 0, 0, 0.22); } .archive .latest__row .article.article--row a { display: block; width: 100%; height: 100%; } .archive .latest__row .article.article--row a:hover { background-color: rgba(155, 205, 110, 0.15); } .archive .latest__row .article.article--row img { border-bottom: 3px solid #9bcd6e; width: 100%; height: auto; display: block; } .archive .latest__row .article.article--row:hover .box::before { /* width: 0; */ /* height: 0; */ /* border-left: 13px solid transparent; */ /* border-right: 13px solid transparent; */ /* border-bottom: 13px solid #9bcd6e; */ /* transform: rotate(0); */ /* border-top: none; */ /* background-color: transparent; */ /* border-radius: 2px; */ /* top: -13px; */ /* left: 21px; */ background: #f0f8e9; } .archive .latest__row .article.article--row .box::before { content: ''; display: inline-block; z-index: 10000; width: 15px; top: -10px; border-top: 3px solid #9bcd6e; border-right: 3px solid #9bcd6e; border-left: none; border-bottom: none; height: 15px; transform: rotate(-45deg); background-color: white; position: absolute; border-radius: 2px; left: 27px; } .archive .latest__row .article.article--row .box { padding: 2.35em 1.571em 1.571em; position: relative; } .archive .latest__row .article.article--row .box h3 { color: #444; font-size: 14px; } .archive .latest__row .article.article--row .box .metadata { color: #999; font-size: 0.786em; display: block; margin-top: 1em; } .archive .latest__row .article.article--row .box .metadata time { padding-left: 1.636em; background: url(../images/img/icon-clock.svg) left center no-repeat; } .archive .latest__row .article.article--row .box .metadata .category { margin-left: 0.818em; padding-left: 1.636em; background: url(../images/img/icon-folder.svg) left center no-repeat; } .archive #main-content .posts-column { width: 70%; } .archive #main-content .posts-column .article { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); } .archive #main-content .posts-column h2 { color: #444; font-weight: 300; padding: 17px 25px 20px 15px; line-height: 1; font-size: 2em; border-bottom: 4px solid #9bcd6e; margin-bottom: 25px; position: relative; } .archive #main-content .posts-column h2::after { content: ''; display: inline-block; width: 20px; height: 20px; transform: rotate(45deg); background-color: white; position: absolute; bottom: -10px; left: 67px; box-shadow: 4px 4px 8px -1px rgba(0, 0, 0, 0.35); } .posts-column > a:hover { background-color: rgba(155, 205, 110, 0.1); width: 100%; height: 100%; display: block; } .posts-column > a:hover img { opacity: .8; } .archive #main-content .posts-column h2 strong { color: #9bcd6e; } .archive.tag #main-content .posts-column h2 strong { color: white; font-weight: 400; } .archive.tag #main-content .posts-column h2 { background-color: #9bcd6e; } .archive.tag #main-content .posts-column h2::after { display: none; } .archive #main-content .posts-column hr { width: 100%; height: 20px; margin-bottom: -20px; } .archive #main-content .posts-column .article { display: flex; justify-content: space-between; } .archive #main-content .posts-column .article figure { padding: 15px 0 15px 15px; flex: 0 0 33%; } .archive #main-content .posts-column .article img { width: 100%; } .archive #main-content .posts-column .article .box { flex: 0 0 62%; margin-left: auto; padding: 15px; } .archive #main-content .posts-column .article .box h3 { color: #444; font-size: 14px; } .archive #main-content .posts-column .article .box p { font-size: 13px; margin-top: 1em; } .archive #main-content .posts-column .article .box .metadata { color: #999; font-size: 11px; display: block; margin-top: 1em; } .archive #main-content .posts-column .article .box .metadata time { padding-left: 17px; background: url(../images/img/icon-clock.svg) left center no-repeat; } .archive #main-content .posts-column .article .box .metadata .category { padding-left: 17px; background: url(../images/img/icon-folder.svg) left center no-repeat; } @media only screen and (max-width: 1556px) { .archive #main-content .posts-column { width: 100%; } .archive .latest__row .article.article--row { flex: 0 0 50%; } } @media only screen and (max-width: 990px) { .archive .latest__row .article.article--row { flex: 0 0 33.333%; } #content-container { width: 100%; padding-right: 0; float: none; } #primary.content-area { float: none; margin-right: 0; width: 100%; } } @media only screen and (max-width: 800px) { .archive .latest__row .article.article--row { flex: 0 0 50%; } .archive #main-content .posts-column .article .box { padding: 15px 0; } } @media only screen and (max-width: 660px) { .archive #main-content .posts-column .article .box p { display: none; } } @media only screen and (max-width: 450px) { .archive .latest__row .article.article--row { flex: 0 0 100%; margin-bottom: 30px; box-shadow: 0 2px 12px 1px rgba(0, 0, 0, 0.22); } .archive #main-content .posts-column .article .box h3 { font-size: 12.5px; } .archive #main-content .posts-column .article .box .metadata { display: none; } } /**************************** Business Single Template ****************************/ #content { padding: 0; } .business-main-box { display: flex; flex-wrap: wrap; justify-content: space-between; } .business-main-box .entry-title { flex: 0 0 100%; font-size: 2em; font-weight: 800; color: #444; padding: 0 0 0.5em 0; line-height: 1.2; } .business-main-box .meta-phone { float: left; width: 147px; margin-right: 9px; background-repeat: no-repeat; background-color: #ee5866; color: #fff !important; font-weight: bold; margin-top: 0.769em; display: block; font-size: 0.929em; line-height: 40px; height: auto !important; max-width: 158px; text-align: center; border-radius: 3px; border: none !important; } .business-main-box > div:first-of-type > span { font-weight: bold; display: block; border-top: 4px solid #ebebe1; margin-bottom: 10px; padding-top: 10px; font-size: 14px; margin-top: 25px; } .business-image-box span, .section-box span { font-weight: bold; display: block; border-top: 4px solid #ebebe1; margin-bottom: 10px; padding-top: 10px; font-size: 14px; margin-top: 25px; } ul.business-info-list li { list-style: none; font-size: 14px; padding-left: 34px; line-height: 24px; margin: 15px 0 !important; } ul.business-info-list li.business { background: url(../images/odigos/ik_award.png) left bottom no-repeat; } ul.business-info-list li.call { background: url(../images/odigos/ik_call.png) left bottom no-repeat; } ul.business-info-list li.mail { background: url(../images/odigos/ik_mail.png) left bottom no-repeat; } ul.business-info-list li.area { background: url(../images/odigos/ik_area.png) left bottom no-repeat; } .business-main-box .entry-title::after { content: ''; display: block; width: 100%; height: 4px; margin-top: 10px; background-image: linear-gradient(to right, #9bcd6e 20%, #ebebe1 20%, #ebebe1); } .business-main-box > div:first-of-type { flex: 1; } .post-thumbnail.business-featured-img { position: relative; } .post-thumbnail.business-featured-img > div.overlay { position: absolute; bottom: 0; color: white; font-size: 11px; padding: 5px 10px; background-color: rgba(0, 0, 0, .4); text-align: center; } body a:focus { outline: none; } .business-main-box > .right { flex: 0 0 35%; } #business_map { height: 280px; } .business-main-box ~ div.section-box { width: 48%; float: left; } .home #breadcrumbs { display: none; } #breadcrumbs { background: #fff; border-top: 1px solid #ebebe1; border-bottom: 1px solid #ebebe1; padding: 10px 5px; margin: 0 0 1.75em; width: 100%; font-size: 0.929em; color: #999; line-height: 1.2; } #breadcrumbs .breadcrumb_last { font-weight: bold; color: #9bcd6e; } .post-type-archive-business #breadcrumbs #business { font-weight: bold; color: #9bcd6e; } .main-navigation .menu-item-has-children > a { margin-right: 0px; } .single .entry-content h2, .single .entry-content h1 { text-indent: 0; background: #9bcd6e; font-weight: 300; color: #fff; font-size: 2em; padding: 16px 2.5%; width: 95%; height: auto; } .infowomanLink { font-size: 19px; font-style: italic; font-weight: 700; color: #a9019f !important; padding: 0px 5px !important; } /************************** Pagination **************************/ nav.navigation.pagination { border-top: none; margin-top: 20px; } nav .nav-links .page-numbers { display: inline-block; padding: 3px 15px; font-size: 16px; font-weight: 300; text-decoration: none; border: none; line-height: 1.5; transition: all .2s; } nav .nav-links .page-numbers:hover { background: #f68931; color: #fff; } nav .nav-links span.current.page-numbers { background-color: #9bcd6e; color: white; } nav.pagination .prev.page-numbers, nav.pagination .next.page-numbers { position: absolute; bottom: 0; right: unset; padding: 0; width: 30px; height: 30px; background: white; color: black; } nav.pagination .nav-links:after { display: none; } nav.pagination:after { display: none; } nav.pagination .nav-links:before { display: none; } nav.pagination .nav-links { margin-left: 44px; } nav.pagination .prev::before, nav.pagination .next::before { font-size: 17px; height: 100%; line-height: 32px; position: relative; width: 100%; color: #666; transition: all .2s; } #primary article ol { counter-reset: li-counter; list-style-type: none; margin: 10px 0 14px; clear: left; } #primary article ol li { margin: 0.75em 0 0 1.25em; padding-left: 1.25em; position: relative; } #primary article ol li::before { border: 2px solid #9BCD6E; border-radius: 100%; content: counter(li-counter, decimal); counter-increment: li-counter; left: -15px; width: 24px; height: 24px; line-height: 20px; font-size: 12px; font-weight: 800; position: absolute; text-align: center; top: -1px; } nav.pagination:before, nav.pagination:after { display: none; } nav.pagination .prev:hover::before, .pagination .next:hover::before { background: #f68931; color: #fff; } nav.pagination .prev.page-numbers { left: -44px; } nav.pagination .prev:before { content: "\f431"; left: 0; top: 0; transform: rotate(90deg); } nav.pagination .next:before { content: "\f431"; left: 0; top: 0; transform: rotate(-90deg); } /************************** Business Loop Template ***************************/ .business-main-filters { background: #6ecdbe; padding: 15px; overflow: hidden; border-radius: 3px; display: flex; justify-content: space-between; } .business-main-filters > div { flex: 0 0 24%; } .business-main-filters input[type="text"] { border-radius: 5px !important; padding: 10px !important; font-size: 15px !important; text-align: left; } .business-main-filters .form-input input::placeholder { color: #a3a0a0; } .business-main-filters button { background-color: #ee5866; border-radius: 5px; padding: 14px 25px; color: #fff; font-weight: 600; width: 100%; cursor: pointer; } .business-main-filters button:hover { background: #ce525e; } ul.business-tab { border-bottom: 2px solid #6ecdbe; padding-bottom: 7px; margin: 0 0 0.75em; } ul.business-tab li.active { background: #6ecdbe; } ul.business-tab li { display: inline; background: #f0f0f0; padding: 10px 15px; margin-right: 10px; } ul.business-tab li a { color: #c5c5c5 !important; font-weight: 600 !important; cursor: pointer; } ul.business-tab li.active a { color: #fff !important; } .business-item { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 15px 15px; margin-bottom: 15px; border: 1px solid #ddd; border-left: 7px solid #6ecdbe; } .business-item > a { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; flex: 0 0 100%; } .business-item.with-video > a { flex: 0 0 70% !important; } .business-item .entry-title::after { display: none; } .business-item .entry-title { font-size: 18px !important; padding: 0 0 0.7em !important; background: none !important; color: #444 !important; font-weight: bold !important; border-bottom: 4px solid #ee5866; } .business-item:hover .entry-title { border-bottom: 4px solid #6ecdbe; } .business-item:hover { background-color: #e5f3ec; } .business-item p.section-area { font-size: 14px; margin-bottom: 5px; color: #888; } .business-item .business-item__info h4 span { font-size: 13px !important; color: #0d7070 !important; border-top: 0px; padding-top: 0px; font-weight: normal; line-height: 16px; margin-top: 10px; } .business-item .article-more { display: block; margin-top: 18px; color: #ee5866; font-weight: 600; } .business-item__img { flex: 0 0 25%; } .business-item__content { flex: 0 0 100%; } .business-item__img .post-thumbnail { position: relative; } /***************************** Author Box ********************************/ .author-box { margin-bottom: 35px; min-height: 300px; position: relative; } .author-box .summary p { max-width: 63%; margin-left: auto; margin-right: 15px; margin-bottom: 0; background-color: rgba(255, 255, 255, .4); font-size: 12px; padding: 10px 15px; } .author-box.no-image .summary p { margin-bottom: 0; margin-right: 0; max-width: 100%; padding: 10px 5px; } .summary--mob { display: none; } .author-box#o-thanos-askitis-apanta .summary p { border: 10px solid rgba(255, 255, 255, 0.38); border-right: none; background: rgba(255, 255, 255, 0.51); margin-right: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .author-box#o-thanos-askitis-apanta { min-height: 222px; } .archive.category #main-content .vodafone h2 { color: #f00000; border-bottom: 4px solid #f00000; } .category-kids-tv-by-vodafone.archive .latest__row .article.article--row img { border-bottom: 3px solid #ed1b24; } .category-kids-tv-by-vodafone.archive .latest__row .article.article--row .box::before { border-top: 3px solid #ed1b24; border-right: 3px solid #ed1b24; } .category-kids-tv-by-vodafone.archive .latest h1 { background-color: #f00000; background: #ED1B24 url(../images/img/vodafone-logo.png) 14px 15px no-repeat; padding-left: 60px; } @media only screen and (max-width: 680px) { .summary--mob { display: block; } .author-box .summary p { display: none; } } /************************** Page Advertise ***************************/ .page .advertise table td { border: none; } .page .advertise table { max-width: 350px; border: none; } /****************************** Contact Form Container in Category ***********************************/ .contact-form-container { margin-top: 50px; } .contact-form__container .contact-form__inner .contact-form { flex: 1 0 78%; margin-left: auto; border-bottom: 4px solid #ebebe1; } .contact-form__container h2 { background: #9bcd6e; font-weight: 300; color: #fff; padding: 5px 2.5%; font-size: 2em; line-height: 1.3; } .page .contact-form__container h2 { padding: 14px 2.5%; margin-bottom: 0; } .contact-form__container .contact-form__inner { background: #fff; padding: 1.5em 1.5em 1.5em 0; margin-bottom: 2em; display: flex; justify-content: space-between; } .page .contact-form__container .contact-form__inner { padding: 0; } .contact-form__container .contact-form__inner .contact-form__info { flex: 0 0 20%; padding-right: 10px; border-right: 1px solid #ebebe1; } .contact-form__container .contact-form__inner .contact-form__info > div { border-left: 4px solid #f5c850; margin-bottom: 2em; padding: 0 0 0 1.5em; } .contact-form__container .contact-form__inner .contact-form__info p { font-size: 13px; } .contact-form__container .contact-form__inner .contact-form__info strong { padding: 1.5em 0 0 0; background-size: 24px 17px; margin-bottom: 10px; background: url(../images/img/footer-mail-01.svg) left top no-repeat; display: inline-block; } .contact-form__container .contact-form__inner .contact-form__info .info { border-color: #9bcd6e; } .contact-form__container .contact-form__inner .contact-form__info .info strong { background-image: url(../images/img/footer-mail-02.svg); } .contact-form__container .contact-form__inner .contact-form__info .advertise { border-color: #6ec6e5; } .contact-form__container .contact-form__inner .contact-form__info .advertise strong { background-image: url(../images/img/footer-mail-03.svg); } .contact-form__container .contact-form__inner .contact-form__info .address { border-color: #6ecdbe; } .contact-form__container .contact-form__inner .contact-form__info span.adr { background: url(../images/img/spot.svg) left top no-repeat; font-weight: bold; padding: 0 0 0.846em 2.25em; display: inline-block; } .contact-form__container .contact-form__inner .contact-form__info .address > a { display: inline-block; background-color: #6ecdbe; color: white; padding: 6px 6px 6px 10px; text-align: left; line-height: 1.2; font-size: 14px; position: relative; width: 95%; transition: background-color .2s; border: none; } .contact-form__container .contact-form__inner .contact-form__info .address > a:hover { background-color: #46B4A0; } .contact-form__container .contact-form__inner .contact-form__info .address > a::after { content: '\0203A'; display: inline-block; color: white; line-height: 0; font-weight: 300; position: absolute; top: 38%; right: 10px; font-size: 38px; left: 0; text-align: right; } .contact-form__inner form .wpcf7-checkbox, .contact-form__inner form .wpcf7-acceptance input[type="checkbox"] { width: 15px !important; height: 15px !important; display: inline-block !important; background-color: white !important; margin-bottom: 0 !important; } .contact-form__container .contact-form__inner form label.acceptance { display: flex; align-items: flex-start; justify-content: flex-start; font-size: 13px; } .contact-form__container .contact-form__inner form label.acceptance span { order: -1; line-height: 0; margin: 2px 4px 0 0; } .single .contact-form__container .contact-form__inner { padding: 10px; } @media only screen and (max-width: 1556px) { .contact-form__container .contact-form__inner { padding: 2em; } .contact-form__container .contact-form__inner { flex-direction: column; } .contact-form__container .contact-form__inner .contact-form__info { order: 2; flex: 0 0 100%; margin-top: 35px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-right: 0; border-right: none; } .contact-form__container .contact-form__inner .contact-form__info > div { flex: 0 0 50%; border-left: none; padding: 0; } .contact-form__container .contact-form__inner .contact-form__info .address br { display: none; } .contact-form__container .contact-form__inner .contact-form__info .address a { width: 80%; max-width: 262px; } .contact-form__container .contact-form__inner .contact-form__info .address a::after { top: 30%; } .contact-form__container .contact-form__inner .contact-form { order: 1; flex: 0 0 100%; margin-left: unset; } } @media only screen and (max-width: 650px) { .contact-form__container .contact-form__inner .contact-form__info .address a { width: 95%; } .contact-form__container h2 { font-size: 1.5em; } } @media only screen and (max-width: 540px) { .contact-form__container .contact-form__inner .contact-form__info > div { flex: 0 0 100%; } .contact-form__container .contact-form__inner .contact-form__info .address a { width: 200px; display: block; } } /****************************** Contact Form ***********************************/ .contact-form .wpcf7 form input:not([type="submit"]), .contact-form .wpcf7 form textarea, .contact-form .wpcf7 form select { padding: 0.75em 1em !important; border: 1px solid #a6a6a6 !important; border-bottom-color: #ededed !important; border-top-color: #5a5a5a !important; width: 98%; font-weight: 400; margin: 0 0 1em 0; font-style: italic !important; color: #777 !important; border-radius: 0 !important; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important; } .contact-form .wpcf7 form input[type="checkbox"] { width: 15px; height: 15px; margin-bottom: 0px; box-shadow: none !important; } .wpcf7 form .wpcf7-checkbox { width: unset !important; height: unset !important; display: block !important; } .wpcf7 form .wpcf7-checkbox .wpcf7-list-item-label { margin-left: 13px; display: inline-block; font-size: 13px; } .wpcf7 form .wpcf7-checkbox span.wpcf7-list-item { margin: 0; } .wpcf7 form .wpcf7-checkbox span.wpcf7-list-item > label { display: flex; align-items: center; } .contact-form .wpcf7 form label { margin: 0px 0 0.5em 0; text-align: left; display: block; font-weight: 800; } .contact-form .wpcf7 form label:nth-child(2n) { display: block; width: 97%; font-size: 12px; color: #888888; text-align: right; margin: 0; height: 15px; line-height: 15px; font-weight: 300; } .contact-form .wpcf7 form p:last-of-type { text-align: right; } .contact-form .wpcf7 form p:last-of-type input { background: #f59b55; letter-spacing: normal; color: white !important; font-style: normal !important; margin-right: 0%; padding: 0.75em 2em !important; } .contact-form .wpcf7 form p:last-of-type input:focus { outline: none; } /************************** Footer ****************************/ #colophon { margin-top: 2em; padding: 0; } #colophon::before { content: ''; height: 4px; width: 100%; background: linear-gradient(to right, #9bcd6e 12.5%, #ee5866 12.5%, #ee5866 25%, #5abee1 25%, #5abee1 37.5%, #5ab978 37.5%, #5ab978 50%, #f5c850 50%, #f5c850 62.5%, #f68a32 62.5%, #f68a32 75%, #3c8cc3 75%, #3c8cc3 87.5%, #e6c37d 87.5%, #e6c37d 100%); margin-bottom: 1.5em; display: block; } #colophon h4, #colophon h5 { font-size: 1.39em; float: left; line-height: 2.2; } #colophon .contact--info { width: 100%; list-style: none; } #colophon .contact-info .contact-container > div { padding: 0.5em 2em 0; border-left: 1px solid #ebebe1; } #colophon .contact-info .contact-container div:last-child { border-right: none; padding-right: 0; } #colophon .contact--info > li { border-top: none; padding-top: 0; list-style: none; margin-bottom: 0; } #colophon div.contact { display: flex; flex-wrap: wrap; width: 30%; padding-left: 0; float: left; } #colophon .contact-container { width: 70%; float: left; display: flex; flex-wrap: wrap; padding-right: 0 !important; border-right: none !important; } #colophon .contact-container > div { flex: 0 0 25%; } #colophon .contact-container .phone strong { white-space: nowrap; } #colophon div.contact > h5 { flex: 0 0 60%; } #colophon div.contact > .social-media { display: flex; flex-direction: column; flex: 1; } #colophon div.contact > .social-media > h5 { flex: 1; } .social-media > ul { margin: 0; } .social-media ul li { display: inline; float: left; margin-right: 0.308em; } .social-media ul li a { text-indent: -9999px; display: block; height: 46px; width: 46px; transition: opacity .3s; } aside .widget_text:first-of-type ul#social-logos--fixed { display: flex; flex-direction: column; } @media only screen and (max-width: 1210px) { aside .widget_text:first-of-type { display: none; } } .social-media a:hover { opacity: .8; } .social-media a.facebook { background: url(../images/img/icon-fb.svg); } .social-media a.instagram { background: url(../images/img/icon-instagram.svg); } .social-media a.twitter { background: url(../images/img/icon-twitter.svg); } .social-media a.pinterest { background: url(../images/img/icon-pinterest.svg); } .social-media a.youtube { background: url(../images/img/icon-youtube.svg); } .social-media a.feed { background: url(../images/img/icon-rss.svg); } #colophon div.contact > .adr { background: url(../images/img/footer-address.svg) left 12px no-repeat; font-weight: bold; flex: 0 0 40%; font-size: 1.25em; padding: 0.846em 0 0 2.25em; } footer .contact-info strong { display: block; font-size: 1.25em; padding: 1em 0 0.846em 2.25em; background: url(../images/img/footer-phone.svg) left center no-repeat; } footer .contact-info .box p { padding-left: 2.462em; line-height: 1.4; font-size: 1.08em; } .contact-info .box.mail strong { background-image: url(../images/img/footer-mail-01.svg); } .contact-info .box.info strong { background-image: url(../images/img/footer-mail-02.svg); } .contact-info .box.advertise strong { background-image: url(../images/img/footer-mail-03.svg); } .copyright > li { list-style: none; border-top: none; margin: 0; padding: 0; } .row.copyright { border-top: 1px solid #ebebe1; border-bottom: 1px solid #ebebe1; padding: 1.25em 0; margin-top: 1.25em; line-height: 1.3; font-size: 1.15em; } span.copyright, .web-design { float: left; width: 20%; } footer ul li { list-style: none; } .row.copyright ul { text-align: center; width: 60%; float: left; margin-bottom: 0; } .row.copyright ul li { display: inline-block; position: relative; } .row.copyright ul li:first-child { padding-right: 24px; } .row.copyright ul li:first-child::after { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #b4cd5a; position: absolute; top: 0; right: 0; transform: translate(-50%, 35%); } #colophon .row.info { padding: 1.5em 0; line-height: 1.4; font-size: 1.1em; } #custom_html-10 .row { font-size: 1.1em; } @media only screen and (max-width: 1556px) { #colophon .contact-container > div { flex: 0 0 50%; } #colophon .contact-info .contact { width: 40%; } #colophon .contact-info .contact-container { width: 60%; } #colophon .contact-info > div { padding: 0.5em 1em 0; } } @media only screen and (max-width: 940px) { #colophon .contact-container > div { flex: 0 0 48%; } } @media only screen and (max-width: 910px) { #colophon .contact-info > div, #colophon .contact-info .contact-container > div { padding: 0.5em 1em 0; } footer .contact-info strong { font-size: .98em; } #colophon h4, #colophon h5 { font-size: 1.2em; } #colophon div.contact > .adr { font-size: .98em; padding: 0.846em 0 0 2em; } .row.copyright { font-size: 1em; } #custom_html-10 .row { font-size: 1em; } #colophon .row.info { padding: 1.1em 0; font-size: .9em; } footer .contact-info .box p { font-size: .9em; } #colophon .contact-info .contact-container { width: 100%; margin-top: 25px; } #colophon .contact-info .contact { width: 100%; } #colophon div.contact > h5 { flex: 0 0 52%; } #colophon div.contact > .adr { flex: 0 0 48%; } span.copyright, .web-design { width: 100%; display: block; text-align: center; float: none; } .row.copyright ul { width: 100%; margin-left: 0; float: none; } } @media only screen and (max-width: 990px) { .site-inner #content .content-inner { width: 100%; padding-right: 0; float: none; } .site-inner #content aside#secondary { width: 95%; float: none; margin: 35px auto; column-count: 2; max-width: 690px; padding: 0; margin: 0 auto !important; } .single-post #content #primary { padding: 0 10px; margin: 0; } .entry-header, .entry-summary, .entry-content, .entry-footer, .page-content { margin: 0; } } @media only screen and (max-width: 680px) { .site-inner #content aside#secondary { width: 90%; column-count: 1; margin: 0 auto !important; } #colophon .contact--info { padding: 0 0.571em; } } @media only screen and (max-width: 600px) and (min-width: 421px) { .single-related .box.related > div.article:not(:nth-of-type(2n)) { margin-right: 4%; } .single-related .box.related > div.article { flex: 0 0 48%; } } @media only screen and (max-width: 600px) { #content .single-footer .row.prev-next .article { width: 100%; float: none; } } @media only screen and (max-width: 500px) { #colophon .contact-container > div { flex: 0 0 100%; padding: 0 !important; } #colophon .contact--info { padding: 0; } #colophon div.contact > .social-media > h5 { flex: 1; margin-bottom: 0; } #colophon div.contact > h5 { flex: 0 0 100%; margin-bottom: 15px; } #colophon div.contact > .adr { flex: 0 0 100%; margin-bottom: 20px; } #colophon .contact-info .contact-container > div { border-left: none; } #custom_html-10 .row { font-size: .8em; } #colophon .row.info { font-size: .8em; } } @media only screen and (max-width: 420px) { .single-related .box.related > div.article { flex: 0 0 98%; margin: 0 auto; } .nav-btn#mobile-nav-btn { font-size: 1.3em; } } /*************Front Pagee Media Querries***********/ .home .entry-content .vc_row.wpb_row:first-of-type { margin-left: auto; } #sixth-row > .wpb_column:first-of-type > .vc_column-inner { padding-left: 0; padding-right: 0; } #first-row > div > div { padding-top: 0 !important; } #sixth-row .cards-container.infowoman .card { display: block; flex: 0 0 100%; } @media only screen and (max-width: 1556px) { #sixth-row > div:last-of-type .vc_column-inner > .wpb_wrapper { display: flex; justify-content: space-evenly; align-items: flex-start; } #sixth-row > div:last-of-type .vc_column-inner > .wpb_wrapper > div { flex: 0 0 44%; } #first-row > div, #second-row > div, #third-row > div, #fourth-row > div, #fifth-row > div, #sixth-row > div, #seventh-row > div, #extra-row > div { width: 100%; margin-bottom: 30px; } #sixth-row div:first-of-type .vc_column-inner .wpb_wrapper .vc_row:first-of-type > .wpb_column:first-of-type .vc_column-inner { padding: 0 10px; padding-right: 10px !important; } #first-row > div > div, #second-row > div > div, #third-row > div > div, #fourth-row > div > div, #fifth-row > div > div, #sixth-row > div > div, #seventh-row > div > div, #extra-row > div > div { padding: 0 !important; } .cards-container.campus .card .card__info p, #second-row .card .card__info p, #fourth-row .student-corner .card .card__info p { display: none; } #fourth-row,#seventh-row { display: flex; flex-direction: column; } #fourth-row > div, #seventh-row > div { flex: 0 0 100%; } #fourth-row > div:first-child, #seventh-row > div:first-child { order: 2; } #sixth-row .card { flex: 0 0 100%; } } @media only screen and (max-width: 1200px) { .cards-container .card__info h3.card__title { font-size: 13px !important; } #sixth-row .card__info p { font-size: 12px; margin-bottom: 0; color: black; } } @media only screen and (max-width: 990px) { .cards-grid__container.events .card:first-of-type a figure { flex: 0 0 35%; } .cards-grid__container.events .card:first-of-type a .card__info { flex: 1 0 50%; padding: 25px; } .cards-grid__container.events .cards-grid__header { width: 65%; } .sticky-head { transform: translateX(-50.3%); } } @media only screen and (max-width: 767px) { #slideshow .slick figure figcaption h3 { font-size: 20px; } #slideshow .slick figure figcaption p { font-size: 14px; } .cards-grid__container.events .card:first-of-type a .card__info { padding: 8px; } #sixth-row > div:first-of-type .vc_row { display: flex; } #sixth-row > div:first-of-type .vc_row > div:first-of-type .vc_column-inner { padding-right: 10px !important; padding-left: 10px !important; } #home-news-feed a .article { justify-content: space-evenly; } nav#nav-posts { padding: 10px; } .cards-container .card:last-of-type { display: none; } .cards-container.parents-school .card:last-of-type, .cards-container.health .card:last-of-type { /* display: block;*/ } .cards-container .card, .cards-container.infowoman .card, .cards-container.true-stories-long .card { flex: 0 0 50%; } #slideshow .slick-dotted figure figcaption p, #slideshow .slick-dotted figure figcaption span.more, #slideshow .slick-dotted figure figcaption h3::after { display: none; } #slideshow .slick figure a { flex-direction: column; } #slideshow .slick figure a > * { flex: 0 0 100%; } #slideshow .slick.slick-dotted img { height: 80%; } #slideshow .slick-dotted figure figcaption { margin-top: -17.5%; flex: 0 1; height: 20%; padding: 10px; background-color: #9bcd6e; } ul.slick-dots { display: none !important; } .cards-grid__container.events .card:first-of-type a figure { flex: 0 0 50%; } .cards-grid__container.events .cards-grid__header { width: 50%; } #slideshow .slick-dotted figure figcaption h3 { margin-bottom: 0; height: 100%; padding: 0; box-shadow: none; border: none; } } @media only screen and (max-width: 550px) { #slideshow .slick { width: 100%; } #slideshow .slider-nav-thumbnails { display: none; } #slideshow .slick-dotted figure figcaption { margin-top: -22%; padding: 4px 0; } .cards-grid__container.folder-school, .cards-grid__container.corona { grid-template-columns: 45% 55%; } .cards-grid__container .card:first-of-type .card__info h3 { font-size: 13px !important; margin-bottom: 0; } .cards-grid__container.folder-school .card:first-of-type .card__info *, .cards-grid__container.corona .card:first-of-type .card__info * { font-size: 12px; } .cards-grid__container.folder-school .card:first-of-type .card__metadata > *, .cards-grid__container.corona .card:first-of-type .card__metadata > * { font-size: 11px; } .cards-grid__container.folder-school .card:first-of-type .card__info, .cards-grid__container.corona .card:first-of-type .card__info { padding: 5px 0; } .corona.alfa h2.cards-grid__header img { margin-top: -43px !important; } .cards-grid__container.events .cards-grid__header, .cards-grid__container.infohealth .cards-grid__header, .cards-grid__container.infotv .cards-grid__header, .cards-grid__container.apokries .cards-grid__header { position: static; width: 100% !important; } .cards-grid__container.infohealth .card:first-of-type .card__info, .cards-grid__container.infotv .card:first-of-type .card__info, .cards-grid__container.apokries .card:first-of-type .card__info { flex: 0 0 100%; margin-top: 0px !important; } .cards-grid__container.events .card:first-of-type a .card__info { padding: 8px; margin-top: 0; order: 2; } .cards-grid__container.events .card:first-of-type .card__info p { display: none; } .cards-grid__container.events .card:first-of-type .card__info h3 { font-size: 16px !important; border-bottom: none !important; padding: 15px 0; } #slideshow .slick figure figcaption h3 { font-size: 17px; } #home-news-feed a .article .box p { display: none; } #sixth-row > div:last-of-type .vc_column-inner > .wpb_wrapper > div { flex: 0 0 100%; } #sixth-row > div:last-of-type .vc_column-inner > .wpb_wrapper { flex-wrap: wrap; } .nav-btn#mobile-nav-btn { font-size: 1.5em; } #home-news-feed a .article .box .feed-category { font-size: 24px; } } @media only screen and (max-width: 450px) { #slideshow .slick-dotted figure figcaption { margin-top: -26%; padding: 4px 2px; } .cards-grid__container.folder-school .card.column-article, .cards-grid__container.corona .card.column-article { display: none; } .cards-grid__container.folder-school .card:first-of-type, .cards-grid__container.corona .card:first-of-type { grid-row: 2/-1; grid-column: 1/-1; } .cards-grid__container.folder-school .card:first-of-type .card__info { border-right: 2px solid #2da1ca; } .cards-grid__container.folder-school .card__img { border-right: 2px solid #2da1ca; border-left: 2px solid #2da1ca; } .cards-grid__container.corona .card:first-of-type .card__info { border-right: 2px solid #a7011f; } .cards-grid__container.corona .card__img { border-right: 2px solid #a7011f; border-left: 2px solid #a7011f; } .cards-grid__container.events .card { flex: 0 0 100%; } .cards-grid__container.events .card.column-article a { display: flex; } .cards-grid__container.events .card__info::before { display: none; } .cards-grid__container.events .card .card__info h3 { padding: 9px 3px !important; font-size: 14px !important; } .cards-grid__container.events .card.column-article a figure { flex: 0 0 37%; } .cards-grid__container.events .card.column-article a .card__info { flex: 0 0 50%; } } @media only screen and (max-width: 400px) { .cards-container .card:not(:first-of-type) { display: none; } .cards-container .card, .cards-container.infowoman .card, .cards-container.infowomanGrid .card, .cards-container.true-stories-long .card { flex: 0 0 100%; box-shadow: none; } .cards-grid__container.events .card:first-of-type .card__info h3 { font-size: 14px !important; } .cards-grid__container.events .card .card__info h3 { font-size: 13px !important; } #sixth-row > div:first-of-type .vc_row { flex-wrap: wrap; width: 100%; margin-left: 0px; margin-right: 0px; } #sixth-row > div:first-of-type .vc_row > div .vc_column-inner, #sixth-row > div:first-of-type .vc_row > div:first-of-type .vc_column-inner { padding-right: 0px !important; padding-left: 0px !important; } #sixth-row > div:first-of-type .vc_row > div:first-of-type { margin-bottom: 30px; } #home-news-feed a .article .box h3 { font-size: 13px; } .cards-grid__container.events .card:first-of-type a figure, .cards-grid__container.infohealth .card:first-of-type a figure, .cards-grid__container.infotv .card:first-of-type a figure, .cards-grid__container.apokries .card:first-of-type a figure { flex: 0 0 100%; } .cards-grid__container.events .card:first-of-type a, .cards-grid__container.infohealth .card:first-of-type a, .cards-grid__container.infotv .card:first-of-type a, .cards-grid__container.apokries .card:first-of-type a { flex-wrap: wrap; } .cards-grid__container.events .card.column-article a, .cards-grid__container.infohealth .card.column-article a, .cards-grid__container.infotv .card.column-article a, .cards-grid__container.apokries .card.column-article a { flex-wrap: wrap; } .cards-grid__container.events .card.column-article a figure, .cards-grid__container.infohealth .card.column-article a figure, .cards-grid__container.infotv .card.column-article a figure, .cards-grid__container.apokries .card.column-article a figure { flex: 0 0 100%; padding: 20px 7px 0 7px; } .cards-grid__container.events .card.column-article a figure img, .cards-grid__container.infohealth .card.column-article a figure img, .cards-grid__container.infotv .card.column-article a figure img, .cards-grid__container.apokries .card.column-article a figure img { border-bottom: none; } .cards-grid__container.events .card.column-article a .card__info, .cards-grid__container.infohealth .card.column-article a .card__info, .cards-grid__container.infotv .card.column-article a .card__info, .cards-grid__container.apokries .card.column-article a .card__info { flex: 0 0 100%; padding: 20px 7px; } .cards-grid__container.events .card .card__info h3, .cards-grid__container.infohealth .card .card__info h3, .cards-grid__container.infowomanGrid .card .card__info h3, .cards-grid__container.infotv .card .card__info h3, .cards-grid__container.apokries .card .card__info h3 { padding: 0 3px 0 3px !important; } .cards-grid__container.events .card { flex: 0 0 100%; box-shadow: none; border-bottom: 2px solid #addcbc; } .cards-grid__container.infohealth .card, .cards-grid__container.infotv .card, .cards-grid__container.apokries .card { flex: 0 0 100%; box-shadow: none; } .cards-grid__container.infohealth .card a figure img { max-width: 100% !important; } #slideshow .slick-dotted figure figcaption { margin-top: -33%; } body .site-inner { padding: 15px 18px; } nav#nav-posts a { font-size: 14px; } #slideshow::before { display: none; } .entry-content .vc_row:first-of-type .vc_column-inner { padding-left: 0; padding-right: 0; } .nav-btn#mobile-nav-btn img { margin-right: .2em; } .nav-btn#mobile-nav-btn { font-size: 1.3em; } .cards-grid__container.events .card:first-of-type a .card__info { padding: 8px 8px 20px 8px; } } body { background: #fff !important; } body img.wp-forecast-fc-left { height: 22px; } .fb_iframe_widget iframe { position: initial; } /* DoubleGrid BEGIN */ .doubleGrid { display: inline !important; } .doubleGrid .cards-grid__container .card:first-of-type a { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; } .doubleGrid .cards-grid__container .card:first-of-type a figure, .doubleGrid .cards-grid__container .card:first-of-type .card__info { flex: unset !important; } .doubleGrid .cards-grid__container .cards-grid__header { width: 100% !important; } @media only screen and (max-width: 990px) { .doubleGrid .cards-grid__container .card:first-of-type a .card__info { } } @media only screen and (max-width: 1556px) { .doubleGrid .cards-grid__container .card .card__info p { display: initial !important; max-height: 80px !important; } .doubleGrid .cards-grid__container .card .card__info { max-height: 175px !important; padding: 0.8em 0.4em !important; } .doubleGrid .cards-grid__container figure { width: 100% !important; padding: 0 !important; margin: 0 !important; } } @media only screen and (min-width: 768px) { .doubleGrid .cards-grid__container .card .card__info { max-height: 153px !important; } } @media only screen and (max-width: 768px) { .cards-grid__container .card:first-of-type a { display: block; } } @media only screen and (max-width: 550px) { .doubleGrid .cards-grid__container .card:first-of-type a figure img { margin-top: 0 !important; } .cards-grid__container .card:first-of-type a figure img { margin-top: 0; } .doubleGrid .cards-grid__container .card .card__info { max-height: unset !important; order: -1 !important; } .cards-grid__container .card { flex: 0 0 100%; } } /* DoubleGrid END */