/* Theme Name: AptimaHPV Theme URI: http://www.womansprevention.gr/ Author: Digitalbox Author URI: http://www.digitalbox.gr/ Description: WordPress Responsive Theme Version: 1.0 Tags: white License: License URI: */ /* Table of Contents - - - - - - - - - 1. Global 2. Headers 3. Home Pages 4. Projects 5. Inner Pages 6. Blog 7. Shortcodes 8. Footer 9. Media Queries - - - - - - - - - */ /* ======================== 1 = Global ======================== */ body { background: #FFF; color:#616161; font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: normal; margin: 0; position: relative; overflow-x:hidden;} .row { margin: 0 auto; max-width: 1240px; width: 100%; } .row.full-width { margin: 0 auto; max-width: 100%; width: 100%; } .row.custom-width-1440 { margin: 0 auto; max-width: 1440px; width: 100%; } .row.full-width-padding { margin: 0 auto; max-width: 98%; width: 98%; } .row.no-gutter { margin:0 auto;} .row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-left: 0; padding-right: 0; } .row.no-gutter-all { margin:0 auto;} .row.no-gutter-all [class*='col-'] { padding-left: 0; padding-right: 0; } .center-block { float: none; } a { color: #36A8FF; outline: 0; text-decoration: none; } a:hover, a:active, a:focus { outline: 0; text-decoration: none; color:#000; } code { background: #666; border: 0; border-radius: 6px; color: #fff; display: block; font-family: consolas, monaco, 'andale mono', monospace; font-weight: normal; line-height: 1.3; margin: 8px 0; padding: 12px; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; } mark { color: #fff; padding: 1px 4px; border-radius: 2px; font-weight: 600; background:#3190E7;} img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle;} .center-block { float: none; } .alignnone { margin: 0;} .aligncenter,div.aligncenter { display: block; margin: 5px auto 5px auto;} .alignright { float:right; margin: 5px 0 20px 20px;} .alignleft { float: left; margin: 5px 20px 20px 0;} a img.alignright { float: right; margin: 5px 0 20px 20px;} a img.alignnone { margin: 5px 20px 20px 0;} a img.alignleft { float: left; margin: 5px 20px 20px 0;} a img.aligncenter { display: block; margin-left: auto; margin-right: auto} .spacing-25 {padding-top:25px;} .spacing-45 {padding-top:45px;} .spacing-65 {padding-top:65px;} /* Ηeadings */ h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; font-weight: 900; line-height: 1.3; margin-bottom: 12px; margin-top: 12px; text-rendering: optimizelegibility;} h1 { font-size: 44px; } h2 { font-size: 34px; } h3 { font-size: 27px; } h4 { font-size: 23px; } h5 { font-size: 17px; } h6 { font-size: 14px; } /* End of Ηeadings */ p { font-family: inherit; font-size: 17px; line-height: 1.5; margin: 0 0 17px 0; font-weight: 400;} ul li, ol li { font-family: inherit; font-size: 17px; line-height: 1.5; font-weight: 400;} hr { border: solid #6f6f6e; border-width: 1px 0 0; clear: both; height: 0; margin: 21px 0; } hr.small { border: solid #313740; border-width: 1px 0 0; clear: both; height: 0; margin: 0 auto; margin-top:21px; margin-bottom:21px; max-width:100px;} /* Forms */ input[type="text"].form-control, input[type="password"].form-control, input[type="date"].form-control, input[type="datetime"].form-control, input[type="email"].form-control, input[type="number"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="time"].form-control, input[type="url"].form-control { font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; } textarea.form-control { font-size: 18px;padding: 15px; width: 100%; } select.form-control { font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; } button[type="submit"] { background: #3190E7; border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 5px; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 5px; color: #fff; cursor: pointer; float: left; font-size: 16px; font-weight: 900; height: 55px; padding: 8px 6px 6px; text-transform: uppercase; width: 100%; } button[type="submit"]:hover { background: #666; } input[type="text"].form-control:focus, input[type="password"].form-control:focus, input[type="date"].form-control:focus, input[type="datetime"].form-control:focus, input[type="email"].form-control:focus, input[type="number"].form-control:focus, input[type="search"].form-control:focus, input[type="tel"].form-control:focus, input[type="time"].form-control:focus, input[type="url"].form-control:focus, textarea.form-control:focus, select:focus { box-shadow: none; } /* Bootstrap 5 columns */ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;} /* ======================== 2 = Headers ======================== */ /* top bar ---------------------- */ .topbar { margin:0;background:#58595b; padding:12px 0; } ul.login-signup {float:right; margin:0; padding:0; list-style:none;} ul.login-signup li {float:left; padding:0 16px; font-size:13px;} ul.login-signup li a i {margin-left:9px;} ul.login-signup li.thelangs {text-transform:uppercase;} ul.login-signup li:first-child {border-right:1px solid #babbbd;} ul.login-signup li:last-child {padding-right:0;} ul.login-signup li a {color:#babbbd;} ul.login-signup li a:hover {color:#fff;} ul.social {margin:0 0 0 29px; padding:0; list-style:none; float:right;} ul.social li {float:left; padding:0 7px; font-size:13px;} ul.social li a {color:#babbbd;} ul.social li a:hover {color:#fff;} ul.social .screen-reader-text { position: absolute; top: -9999em; left: -9999em;} ul.social li a::before {color:#babbbd; text-align: center; font-size:14px; padding-top:5px; margin:0; font-family: FontAwesome;} ul.social li a:hover::before {color:#fff;} ul.social li a[href*="facebook.com"]::before { content: '\f09a';} ul.social li a[href*="twitter.com"]::before { content: '\f099';} ul.social li a[href*="plus.google.com"]::before { content: '\f0d5';} ul.social li a[href*="pinterest.com"]::before { content: '\f231';} ul.social li a[href*="youtube.com"]::before { content: '\f16a';} ul.social li a[href*="vimeo.com"]::before { content: '\f27d';} ul.social li a[href*="instagram.com"]::before { content: '\f16d';} ul.social li a[href*="linkedin.com"]::before { content: '\f0e1';} /* header ---------------------- */ .header {background:#fff; padding:0;} .f-nav{ z-index: 999; position: fixed; left: 0; top: 0; width: 100%; background:#fff; margin-top:-5px; -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); } .fadeindown { -webkit-animation-duration: .45s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -webkit-animation-name: fadeInDown; -moz-animation-duration: .45s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -moz-animation-name: fadeInDown; animation-duration: .45s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeInDown;} .header .logo {margin:28px 0 8px;} .rev_slider_wrapper {overflow:hidden;} /* END OF HEADER 1 ---------------------- */ /* footer */ section.footer {background:#555459; padding:20px 0 17px;} .footer-widgets h5 { font-size:15px; color:#fff;margin:32px 0 20px; padding:0;} .footer-widgets p { padding:12px 25px 12px 0; font-size:13px; color:#cbcbcc; line-height:1.6;} .footer-widgets p img {margin-bottom:17px;} .footer-widgets ul.posts { margin:0; padding:0; list-style: none;} .footer-widgets ul.posts li {padding:0; color:#cbcbcc; font-size:13px;line-height:1.6;} .footer-widgets ul.posts li:first-child {padding-top:0; } .footer-widgets ul.posts li:last-child {border-bottom:0; } .footer-widgets ul.posts li a {color:#ccc; transition: all 250ms ease-out 0s;} .footer-widgets ul.posts li a:hover {color:#fff;} .footer-widgets ul.posts li span {display:block;font-size:12px; margin-top:3px;color:#B9B9B8;} form#wpcf7-f256-o1, form#wpcf7-f256-o2, form#wpcf7-f1545-o1, form#wpcf7-f1545-o2 { margin-top:8px;} #wpcf7-f256-o2 input[type="email"].wpcf7-form-control, #wpcf7-f256-o2 input[type="text"].wpcf7-form-control, #wpcf7-f256-o1 input[type="email"].wpcf7-form-control, #wpcf7-f256-o1 input[type="text"].wpcf7-form-control, #wpcf7-f1545-o1 input[type="text"].wpcf7-form-control, #wpcf7-f1545-o2 input[type="text"].wpcf7-form-control, #wpcf7-f1545-o1 input[type="email"].wpcf7-form-control, #wpcf7-f1545-o2 input[type="email"].wpcf7-form-control { border-radius:0!important; width:100%!important; padding:0 10px!important; border:0!important; box-shadow: 0!important;height:auto!important; margin-bottom:10px!important; border:1px solid #ccc!important; background:transparent!important; color:#cbcbcc!important;font-size: 16px!important; height: 42px!important;} #wpcf7-f256-o2 input[type="submit"].wpcf7-form-control, #wpcf7-f256-o1 input[type="submit"].wpcf7-form-control, #wpcf7-f1545-o1 input[type="submit"].wpcf7-form-control, #wpcf7-f1545-o2 input[type="submit"].wpcf7-form-control { margin-top:5px!important; transition: all 250ms ease-out 0s!important; border-radius:0!important; width:100%!important; border:0!important; box-shadow: 0!important; color:#fff!important; background:#424242!important;height:auto!important; font-size: 16px!important; font-weight: 900!important; height: 42px!important; padding: 8px 6px 6px!important; text-transform: uppercase!important;} #wpcf7-f256-o2 input[type="submit"].wpcf7-form-control:hover, #wpcf7-f256-o1 input[type="submit"].wpcf7-form-control:hover, #wpcf7-f1545-o1 input[type="submit"].wpcf7-form-control:hover, #wpcf7-f1545-o2 input[type="submit"].wpcf7-form-control:hover { background:#97bf0d!important;} /* Social Buttons ---------------------- */ .social-links {margin:0; padding:0;} .social-links li { list-style: none; display: inline-table;} .social-links li a { color:#fff; font-size:13px; display: inline-block; padding-top:7px; text-align: center; height: 34px; width: 34px; position: relative; z-index: 1; -webkit-transition: color 0.15s; transition: color 0.15s; -moz-osx-font-smoothing: grayscale; border-radius:50%; -webkit-backface-visibility: hidden;} .social-links li a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; z-index: -1; box-shadow: inset 0 0 0 35px #808080; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1); -webkit-transition: box-shadow 0.15s, -webkit-transform 0.15; transition: box-shadow 0.15s, transform 0.15s; font-family: FontAwesome; padding-top:7px;} .social-links li a:hover::before { -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1); box-shadow: inset 0 0 0 35px #009ee0;} .social-links .screen-reader-text { position: absolute; top: -9999em; left: -9999em;} .social-links li a[href*="facebook.com"]::before { content: '\f09a';} .social-links li a[href*="twitter.com"]::before { content: '\f099';} .social-links li a[href*="plus.google.com"]::before { content: '\f0d5';} .social-links li a[href*="pinterest.com"]::before { content: '\f231';} .social-links li a[href*="youtube.com"]::before { content: '\f16a';} .social-links li a[href*="vimeo.com"]::before { content: '\f27d';} .social-links li a[href*="instagram.com"]::before { content: '\f16d';} .social-links li a[href*="linkedin.com"]::before { content: '\f0e1';} section.footer hr {margin:28px 0 14px; border-color:#616065;} ul.small-footer-menu {margin:0 auto; display:table; padding:0; list-style: none;} ul.small-footer-menu li {padding:0 15px; color:#cbcbcc; font-size:13px;line-height:1.6; float:left;} ul.small-footer-menu li a {color:#ccc; transition: all 250ms ease-out 0s;} ul.small-footer-menu li a:hover {color:#fff;} /* Back to Top Button ----------------------- */ #back-to-top { color:#fff; position:fixed; bottom:20px; right:20px; z-index:99; display:none; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; z-index: 10000; height: 59px; width: 59px; background-color:#009ee0; background-repeat: no-repeat; background-position: center; box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1); -webkit-transition: box-shadow 0.15s, -webkit-transform 0.15; transition: box-shadow 0.15s, transform 0.15s;} #back-to-top i { padding-top:20px; font-size:17px; } #back-to-top:hover { background:#F29400; -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1);} .page-content {padding:60px 0;} .page-content.proelefsi {padding:60px 0 0;} .page-content.contentsections {padding:0;} .page-content h1 {color:#9b9c9e; font-size:31px; letter-spacing: .07em; font-weight: 700; margin-bottom:40px;} .page-content h1.single-title {color:#9b9c9e; font-size:24px; letter-spacing: 0; font-weight: 700; margin: 0 0 20px; padding:0;} .page-content p {font-size:15px; color:#777777;} .page-content blockquote, .page-content blockquote p {padding: 0!important; margin: 0!important; font-size: 13px!important; border-left: 0!important;} .page-content p blockquote {font-size: 13px!important; } .page-content hr {margin-top:40px; margin-bottom:40px; border-color:#a0a09f;} .page-content hr.smaller {margin-top:15px; margin-bottom:15px; border-color:#a0a09f;} .page-content ul {margin:35px 0 0 0; padding:0 0 0 1.7em; list-style-type:none;} .page-content ul.simple-sitemap-page, .page-content ul.simple-sitemap-page li ul.children {margin:5px 0; } .page-content ul.simple-sitemap-page li {margin-bottom:4px;font-size:14px;} .page-content ul > li:before {content: "\2014\00a0\00a0"; display: inline-block; width: 1.7em; margin-left: -1.7em; color:#777777; } .page-content ul li {font-size:15px; color:#777777; margin-bottom:17px;} .page-content a {color:#0069b4;} .page-content a:hover {text-decoration:underline;} .page-content h2 {color:#9b9c9e; font-size:25px; letter-spacing: .07em; font-weight: 700; margin-bottom:40px;} .page-content h5 {color:#646466; font-size:15px; letter-spacing: .07em; font-weight: 700; margin:40px 0 20px; text-transform: uppercase;} .page-content h5:after {content:"——"; display:block; letter-spacing:-.11em; margin-top:5px; font-weight:300;} .page-content h6 {color:#646466; font-size:15px; letter-spacing: .07em; font-weight: 700; margin:20px 0 40px;} .contact-form {background:#e6e5e5;} .contact-form h5 {margin-bottom: 35px;} .wpcf7 label {margin-top:20px!important;} .wpcf7 input[type="email"].wpcf7-form-control, .wpcf7 input[type="text"].wpcf7-form-control { border-radius:4px!important; width:100%!important; padding:0 10px!important; border:0!important; box-shadow: 0!important;height:auto!important; margin-bottom:10px!important; border:1px solid #ccc!important; background:#fff!important; color:#424242!important;font-size: 14px!important; height: 42px!important; margin-top:0; min-width:100%!important;} .wpcf7 textarea { border-radius:4px!important; width:100%!important; padding:10px!important; border:0!important; box-shadow: 0!important;height:auto!important; margin-bottom:10px!important; border:1px solid #ccc!important; background:#fff!important; color:#424242!important;font-size: 14px!important; margin-top:0; min-width:100%!important;;} .wpcf7 input[type="submit"].wpcf7-form-control { margin-top:20px!important; transition: all 250ms ease-out 0s!important; border-radius:0!important; border:0!important; box-shadow: 0!important; color:#fff!important; background:#424242!important;height:auto!important; font-size: 14px!important; font-weight: 900!important; height: 42px!important; padding: 8px 16px 6px!important; text-transform: uppercase!important; width:100%!important;} .wpcf7 input[type="submit"].wpcf7-form-control:hover { background:#97bf0d!important;} .page-content.article h4 {font-size:18px;margin:0 0 12px; padding:0 0 10px; font-weight:700; font-size:18px;} .page-content.article h4 a {color:#616161;} .page-content.article h4 a:hover {color:#F29402; text-decoration: none;} .page-content.article .meta {color:#999;} .page-content.article .rightborder {border-right:1px solid #EAEDF2; padding:12px 25px 12px 0;} .page-content.article .rightborder hr {border-color:#EAEDF2; margin:23px 0 28px;} .arthra-exc {padding:0 30px;} .arthra-exc h4 {padding:0; margin:0 0 15px;} .posted-in { margin:0 0 15px; } .posted-in a {background:#EAEDF2; color:#666; font-size:11px; padding:4px 9px; border-radius:5px;} .posted-in a:hover {background:#F29402; color:#fff; text-decoration: none;} .posted-in.readmore a {background:#58595B; color:#fff; font-size:13px; padding:5px 12px; border-radius:1px;} .posted-in.readmore a:hover {background:#F29402; color:#fff; text-decoration: none;} /* Blog Pagination */ .wp-pagenavi {display:table; margin:40px auto 20px; } .wp-pagenavi a, .wp-pagenavi span {color:#6e6e6e; padding: 6px 18px 5px; background:#fff; border-radius: 6px;} .wp-pagenavi a:hover, .wp-pagenavi span.current {background: #F29402;border-color:#F29402;color: #fff; text-decoration: none;} .wp-pagenavi span.current { font-weight: normal; } /* Pages with sidebar - the sidebar */ .sidebar {padding-left:25px;} .sidebar .widget {margin-bottom:35px;} .sidebar .widget h4 {padding:12px 12px 14px; background:#eaedf2; margin:0 0 11px; font-size:14px;} .sidebar .widget ul {padding:0; margin:0; list-style:none;} .sidebar .widget ul > li {padding:8px 8px 8px 4px!important; font-size:13px; border-bottom:1px solid #eaedf2; margin-bottom:0; } .sidebar .widget ul > li:before, .ksharelinks ul > li:before {content: ""; } .sidebar .widget ul li span.badge {float:right; margin-top:2px; padding:2px 5px; background:#58595B; border-radius: 3px; font-size:11px;} .sidebar .widget ul li a {color:#616161;} .sidebar .widget ul li a:hover {color:#F29402; text-decoration: none;} .sidebar .tagcloud {overflow:hidden;} .sidebar .tagcloud a {background: #FFF; border: 0 none; color: #616161; display: block; float: left; font-size: 13px!important; margin: 0 3px 6px 0; padding: 5px 7px; position: relative; border-radius:4px; border: 1px solid #616161;} .sidebar .tagcloud a:hover { background: #F29402; color:#fff; border: 1px solid #F29402; text-decoration: none;} p.tags {border-radius:0; padding:0; margin-top:17px;} p.tags a {background:#E9653D; color:#fff; padding:1px 6px 3px; border:none; font-size: 13px; text-decoration: none; margin-bottom:2px; display: inline-block; border-radius:4px; } p.tags a:hover {background:#0791D4; color:#fff; text-decoration: none;} ul.dpsp-networks-btns-wrapper.dpsp-networks-btns-content {margin-top:-25px!important;} ul.dpsp-networks-btns-wrapper.dpsp-networks-btns-content li a:hover {text-decoration: none;} /* =================== 9 = Media Queries =================== */ /* For IE Edge (Spartan) ----------------------- */ @supports (-ms-accelerator:true) { ::-webkit-input-placeholder { opacity: 0;} } /* End For IE Edge (Spartan) ----------------------- */ @media only screen and (max-width: 767px) { .logo {text-align:center;} ul.social {float: none; display:table; margin:0 auto 20px; text-align: center;} ul.login-signup {float:none; display:table; margin:0 auto; text-align: center;} ul.login-signup li.language {margin-left:9px;} .page-content h1 {font-size:21px; letter-spacing: .04em; margin-bottom:30px;} .page-content.article .rightborder {border-right:0; padding:12px 0;} .sidebar {padding-left:0;} } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } }