.hp p, .hp a, .hp strong {
font-family: "Noto Sans" !important;
}
.hp h2,.hp h3,.hp h4,.hp h5,.hp h6 {
font-family: "Noto Sans" !important;
font-weight: 700 !important;
}
.hp h6 a {
text-decoration: none;
}
.none-decor a {
text-decoration: none !important;
}
a, a:visited {
color: #e53b51;
}
a:focus, a:active, a:hover {
color: #c9253a;
}
a:hover, .single-publication a:hover {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.single-publication a, .single-publication a:visited {
color: #E94C3A;
font-family: 'Archivo Narrow', sans-serif;
}
.teaser-page-list, #footer-widget-area, .short-content .buttons, .buttons-download, .event-info, .teaser-page-404, .announce-body, .teaser-page, .tagcloud a, .widget ul li:hover, #searchform #searchsubmit, .nav-next a:hover, .nav-previous a:hover, .progress-percent, .progress-money, .progress-percent .arrow, .progress-money .arrow, .donate_now_bt, .toggle-content-donation, .widget-title .viewall a:hover, .flexslider-news .flex-button-red a:hover, .entry-header-comments .reply a:hover, .share-buttons, #flexslider-gallery-carousel, .menu-language-menu-container ul li a:hover, .menu-language-menu-container ul .current a, ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, #toolbar .tb-list .search-items, #toolbar .tb-list .search a:hover, #toolbar .tb-list .search:hover {
background-color: #e53b51;
}
h1, h2, h3, h4, h5, h6, .candidate .name, figure:hover .mask-square, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
color: #e53b51;
}
.slides .title {
font-size: 66px; font-family: "Noto Sans";
font-weight: 700;
line-height: 75px;
text-shadow: 2px 2px #3c3c3c;
}
.current-menu-ancestor > a, .current-menu-parent > a, .current-menu-item > a {
color: #fff !important;
background-color: #333;
text-decoration: none;
border-radius: 3px;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.btop-blue {
margin-top:10px;
box-shadow: 0px -5px 0 0 #0064DF;
}
.btop-by, .btop-ukr {
margin-top:10px;
box-shadow: 0px -10px 0 0 #ffc107,
0px -20px 0 0 #0d6efd;
}
.tagcloud a:hover {
color: #c9253a !important;
}
.nav-next a:hover, .nav-previous a:hover, .toggle-content-donation, .widget-title .viewall a:hover, .flexslider-news .flex-button-red a, .entry-header-comments .reply a:hover {
border: 1px solid #e53b51 !important;
}
.flex-active {
border-top: 3px solid #e53b51;
}
.flex-content .flex-button a:hover {
background: #e53b51;
}
.latestnews-body .flex-direction-nav a {
background-color: #e53b51;
}
.entry-content blockquote {
border-left: 3px solid #e53b51;
}
#toolbar, .site-info, #flexslider-gallery-carousel .flex-active-slide, .mean-container .mean-bar, .social-widget-margin a, .social-widget-margin a:visited {
background: #000000;
}
.flickr-widget-body a:hover {
border: 1px solid #000000;
}
.pray li {
margin: 0 0 16px 0;
}
div#wpforms-13493 .wpforms-field-container .wpforms-field {
padding: 5px 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
margin-top:0 !important;
text-align: center;
}
div#wpforms-13868 {
}
div#wpforms-13868  .wpforms-first {
margin: 0 9px 0 0;
}
div#wpforms-13868 .wpforms-submit-container {
display: inline-block;
}
div#wpforms-13868 .wpforms-field-container .wpforms-field  {
padding: 0px !important;
}  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: 'Arimo', sans-serif;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
body, input, textarea {
font-size: 24px;
font-family: 'Arimo', sans-serif;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
} :focus {
outline: 0;
}
body {
background: #fff;
}
ol, ul {
list-style: none;
} table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
} .mt-6 {
margin-top: 4rem!important;
}
.mb-6 {
margin-bottom: 4rem!important;
}
.my-6 {
margin-top: 4rem!important;
margin-bottom: 4rem!important;
}
.btn-cart {
color: #fff;
background-color: #3B4C5B;
border-color: #3B4C5B;
}
.btn-cart:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-canada {
color: #fff !important;
background-color: #FF381F;
border-color: #FF381F;
}
.btn-usa {
color: #fff !important;
background-color: #0077CC;
border-color: #0077CC;
}
.btn-canada:hover,.btn-usa:hover {
background-color: #B33431 !important;
border-color: #B33431;
}
.btn-now {
color: #fff !important;
background-color: #e53b51;
border-color: #e53b51;
}
.btn-now:hover {
background-color: #B33431 !important;
border-color: #B33431;
}
.border-777 {
border:1px solid #777 !important;
}
.bg-11 {
color: #fff;
background-color: #116DB7;
border:1px solid #116DB7;
}
.border-11 {
border:1px solid #116DB7 !important;
}
.color-11 {
color: #116DB7;
}
.bg-12 {
color: #fff;
background-color: #FF381F;
border:1px solid #FF381F;
}
.border-12 {
border:1px solid #FF381F !important;
}
.color-12 {
color: #FF381F;
}
.btn-check:active+.btn-plan, 
.btn-check:checked+.btn-plan, 
.btn-plan.active, 
.btn-plan.dropdown-toggle.show, 
.btn-plan:active {
color: #333;
background-color: #fff;
border-color: #fff;
}
.btn-plan {
border-color: #fff;
color: #fff;
}
label.btn-plan:hover {
background-color: #07d !important;
border-color: #07d !important;
color: #fff !important;
}
.btn-slider {
border-color: #07d;
}
.btn-check:checked+.btn-slider, 
.btn-slider.active,
.btn-slider:active {
color: #fff;
background-color: #07d;
border-color: #07d;
}
.btn-slider:hover {
background-color: #07d !important;
border-color: #07d !important;
color: #fff;
}
#menu-item-11375, #menu-item-11530 { box-shadow: 1px 1px 0 #333 inset, -1px -1px 0 #333 inset;
border-radius: 7px;
}
label.active {
background: #f3f2ee;
border-color: #f3f2ee;
color: #333;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.clear {
clear: both;
}
.clear-widget {
clear: both;
padding: 30px 0;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.radius {
border-radius: 2px;
}
.radius-bottom {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.no-mb {
padding-bottom: 0px !important;
}
.no-mt {
padding-top: 0 !important;
} h1, h2, h3, h4, h5, h6 {
font-weight: 600 !important;
font-family: 'Archivo Narrow', sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5, h6 {
font-family: 'Archivo Narrow', sans-serif;
text-decoration: none;
}
.narrow {
font-family: 'Archivo Narrow' !important;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 35px;
}
h4 {
font-size: 28px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
} article p, .inner p {
margin-bottom: 1rem;
}
p {
margin-bottom: .3rem;
}
ul, ol {
margin: 0 0 1.5em 1.5em;
}
ul {
list-style: square;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.5em;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
font-style: italic;
margin: 0 20px;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch",Courier,monospace;
line-height: 1.5;
margin-bottom: 1.5em;
padding: 0.75em 1.5em;
}
code, kbd {
font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
} textarea {
padding-left: 3px;
width: 98%;
}
.hp-banner {
position: relative;
}
.hp-banner .prap {
position: absolute;
top: 30px;
right: 50px;
width: 400px;
height: 260px;
background-image: url(//hart.ca/wp-content/uploads/2025/02/prap.webp);
z-index: 1;
}  .letter1-bg {
background-image: url(//hart.ca/wp-content/uploads/letter1_bg.webp);
background-repeat: repeat;
}
.letter1-foot {
background-image: url(//hart.ca/wp-content/uploads/letter1_foot.webp);
background-repeat: repeat-x;
height: 138px;
border-bottom: 1px solid #777;
}
.letter3-foot {
background-image: url(//hart.ca/wp-content/uploads/letter3_foot.webp);
background-repeat: repeat-x;
height: 186px;
border-bottom: 1px solid #777;
} .cause-list img {
width: 100%;
height: auto;
}
.our-work-programs p {
margin-top: revert;
}
.our-work-programs a, .our-work-programs a:visited {
color: #fff !important;
text-decoration: none;
}
.our-work-programs figure {
width: auto !important;
}
.is-vertically-aligned-center p {
margin: 0;
padding: 0;
}
.wp-block-button a:link, .wp-block-button a:visited {
color: #fff;
}
.wp-block-button a:hover{
background: #F39200 !important;
color: #fff !important;
}
.wp-block-column figure {
margin: 0 !important;
}
.button-out {
font-size: 15px;
}
.button-out a:link, .button-out a:visited {
background: #fff;
border: 2px solid #116DB5;
color: #116DB5;
text-decoration: none;
}
.button-out  a:hover{
background: #F39200;
border: 2px solid #F39200;
color: #fff;
}
.catHeight, .heightCat  {
height: 380px !important;
}
.catDesc {  }  .su-youtube {
margin: 0 !important;
}
.make-donation {
float: right;
margin: 0px 0;
border-radius: 3px;
}
.make-donation a{
width: 120px;
background: #cb0700;
padding: 6px 10px;
display: block;
text-align: center;
text-decoration: none;
color: #fff !important;
font-size: 18px;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
border-radius: 3px;
}
.make-donation a:hover{
background: #f90;
color: #fff;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.page-teaser {
display: block;
position: relative;
background-repeat: no-repeat;
background-position: 50% 10%;
background-size: cover;
}
.page-teaser img.teaser-tpg {
width: 100%;
height: auto;
display: block;
}
.page-teaser-content {
position: absolute;
z-index: 1;
bottom: 0;
} .screen-reader-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
.home-teaser-page {
position: relative;
height: 720px;
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}
.teaser-page {
position: relative;
min-height: 737px !important;
background-repeat: no-repeat;
background-position: 50% 10%;
background-size: cover;
}
.teaser-page-bg {
position: relative;
min-height: 377px; background: rgb(0,68,170);
background: linear-gradient(0deg, rgba(0,68,170,1) 0%, rgba(0,100,223,1) 100%);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: cover;
background-image: url(//hart.ca/wp-content/uploads/teaser-tpg.gif);
}
.teaser-page-cause-bg {
background: rgb(0,68,170);
background: linear-gradient(0deg, rgba(0,68,170,1) 0%, rgba(0,100,223,1) 100%);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: cover;
background-image: url(//hart.ca/wp-content/uploads/teaser-tpg.gif);
}
.teaser-page:after {
content: "";
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.1);
position: absolute;
top: 0;
left: 0;
}
.teaser-page-list {
position:relative;
background-color: #2B2B2B;
background-size: cover;
background-position: right;
background-repeat: no-repeat;
background-image: url(//hart.ca/wp-content/uploads/teaser-tpg.gif);
}
.teaser-page-list:after {
content: "";
height: 100%;
width: 100%;
background-color: #2B2B2B;
position: absolute;
top: 0;
left: 0;
opacity: 0.25;
}
.teaser-project-list {
position:relative;
height: 360px;
background-color: #2B2B2B;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(//hart.ca/wp-content/uploads/teaser-tpg-1680x360.jpg);
}
.teaser-project-list:after {
content: "";
height: 100%;
width: 100%;
background-color: #2B2B2B;
position: absolute;
top: 0;
left: 0;
opacity: 0.3;
}
.teaser-page-content {
position: relative;
z-index: 1;
}
.bg-25 {
background: rgba(0, 0, 0, 0.35);
}
.bg-50 {
background: rgba(0, 0, 0, 0.50);
}
.bg-55 {
background: rgba(0, 0, 0, 0.0);
}
.bg-60 {
background: rgba(0, 0, 0, 0.60);
}
.teaser-page-404 {
height: 400px;
width: 100%;
}
.banner .banner-bg {
background-color: #1b8de7;
min-height: 77px;
color: #fff;
border: #006abd;
}
.banner .banner-bg .title {
font-family: 'Archivo Narrow', sans-serif;
text-shadow: 2px 2px #3c3c3c;
line-height: 32px;
font-size: 30px;
font-weight: bold;
}
.banner .listitem {
background: #F3F3F3;
}
.banner .notes {
font-size: 16px;
}
#main {
background: #fff;
}
#main .inner {
padding: 50px 0;
} #sticky_navigation {
position: fixed;
top: 0;
left: 0;
background: #f7f7f7;
width: 100%;
z-index: 99;
padding: 10px 0;
min-height: 60px;
box-shadow: 0 0 0 1px rgba(0,0,0,.035), 0 4px 17px rgba(0,0,0,.45);
}
#toolbar {
min-height: 40px;
}
#toolbar .tb-list {
float: right !important;
text-align: right !important;
margin: 0;
}
#toolbar .tb-list li {
float: left;
font-size: 16px;
display: inline;
margin: 0;
padding: 0;
text-align: center;
position: relative;
}
#toolbar .tb-list li a {
color: #fff;
margin: 0;
padding: 0px 0 0 0;
text-decoration: none;
display: inline-block;
background: none;
}
#toolbar .tb-list .phone a {
padding-right: 10px;
padding-top: 11px;
font-size: 14px;
}
#toolbar .tb-list .mt {
padding-top: 0px;
}
#toolbar .tb-list .list-icon-item {
width: 40px;
height: 40px;
background: none;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
#toolbar .tb-list .list-icon-item a i {
padding-top: 10px;
width: 40px;
height: 40px;
background: none;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
#toolbar .tb-list .list-icon-item a:hover .fa-facebook, #toolbar .tb-list .list-icon-item a:hover fa-facebook-f {
background: #3a589b;
}
#toolbar .tb-list .list-icon-item a:hover .fa-twitter {
background: #19bfe8;
}
#toolbar .tb-list .list-icon-item a:hover .fa-github {
background: #19bfe8;
}
#toolbar .tb-list .list-icon-item a:hover .fa-instagram {
background: #E1306C;
}
#toolbar .tb-list .list-icon-item a:hover .fa-google-plus-square,
#toolbar .tb-list .list-icon-item a:hover .fa-google-plus-g,
#toolbar .tb-list .list-icon-item a:hover .fa-google-plus {
background: #dd4b39;
}
#toolbar .tb-list .list-icon-item a:hover .fa-pinterest {
background: #cb2027;
}
#toolbar .tb-list .list-icon-item a:hover .fa-youtube {
background: #bb0000;
}
#toolbar .tb-list .list-icon-item a:hover .fa-github, #toolbar .tb-list .list-icon-item a:hover .fa-github-square, #toolbar .tb-list .list-icon-item a:hover .fa-github-alt {
background: #754c24;
}
#toolbar .tb-list .list-icon-item a:hover .fa-linkedin-in, #toolbar .tb-list .list-icon-item a:hover .fa-linkedin {
background: #007bb6;
}
#toolbar .tb-list .list-icon-item a:hover .fa-skype {
background: #0bbff2;
}
#toolbar .tb-list .list-icon-item a:hover .fa-vimeo, #toolbar .tb-list .list-icon-item a:hover .fa-vimeo-v, #toolbar .tb-list .list-icon-item a:hover .fa-vimeo-square {
background: #0bb9e6;
}
#toolbar .tb-list .list-icon-item a:hover .fa-skype {
background: #0bbff2;
}
#toolbar .tb-list .list-icon-item a:hover .fa-rss, #toolbar .tb-list .list-icon-item a:hover .fa-rss-square {
background: #ff9900;
}
#toolbar .tb-list .list-icon-item a:hover .fa-skype {
background: #0bbff2;
}
#toolbar .tb-list .list-icon-item a:hover .fa-envelope {
background: #3465aa;
}
#toolbar .tb-list .list-icon-item a:hover .fa-search {
background: #3465aa;
}
#toolbar .tb-list .list-icon-item a:hover .fa-shopping-cart {
background: #77a464;
}
#toolbar .tb-list .list-icon-item a:hover .fa-vk {
background: #4c75a3;
}
#toolbar .tb-list .share-items {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
transition: visibility 0s linear 0.5s,opacity 0.5s linear;
position: absolute;
top: 40px !important;
right: 0px;
z-index: 6000;
list-style: none;
margin: 0;
padding: 24px !important;
width: auto;
min-width: 123px;
background: #3b3b3d;
}
#toolbar .tb-list .share-items .list-icon-item a i {
height: 30px;
}
#toolbar .tb-list .share:hover .share-items {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
#toolbar .tb-list .search:hover .search-items {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
#toolbar .tb-list .search-items {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
transition: visibility 0s linear 0.5s,opacity 0.5s linear;
position: absolute;
top: 40px !important;
right: 0px;
z-index: 5000;
list-style: none;
margin: 0;
padding: 24px !important;
width: auto;
min-width: 272px;
background: #e53b51;
}
#toolbar .tb-list .search-items li {
width: 100%;
}
#toolbar .tb-list .search-items #s {
width: 90%;
border: none;
height: 30px;
font-size: 14px;
color: #c9c9cf;
}
#toolbar .tb-list .search-items #s:focus {
background-color: #f3f3f3;
color: #000;
}
#toolbar .tb-list #searchsubmit {
display: none;
}
.slog {
font-size: 19px;
color: #006ccc;
font-weight: 700;
line-height: 120%;
font-family: 'Archivo Narrow', sans-serif;
}
.slog1 {
font-size: 16px;
font-style: italic;
font-weight: 600;
line-height: 120%;
color:#006ccc; } #toolbar .tb-list .donate a {
padding-left: 10px;
padding-right: 10px;
padding-top: 12px;
text-transform: uppercase;
height: 28px;
background: #f18d06;
font-size: 14px;
} .donation-box-margins {
margin: 20px;
}
.donbox {
background-color: #f3f3f3;
border-radius: 3px;
border: 1px solid #ced4da;
color: #fff;
}
.donbox .head {
background-color: #0060aa;
color: #fff;
}
.donbox .body .desig {
position: absolute;
top: 0;
right: 0;
padding: 2px 7px 2px 7px;
color: #005da6;
font-size: 14px;
display: block;
z-index: 10;
}
.donbox .head .title {
font-family: 'Archivo Narrow', sans-serif;
text-shadow: 2px 2px #3c3c3c;
font-size: 32px;
font-weight: bold;
}
.donbox .border-gift {
border-bottom: 1px solid #367eb7;
}
.donbox .project .title {
font-family: 'Archivo Narrow', sans-serif;
text-shadow: 2px 2px #3c3c3c;
line-height: 32px;
font-size: 25px;
font-weight: bold;
}
.donbox .click {
background: #298ad7;
font-size: 18px;
color: #fff;
border-radius: 2px;
}
.donate-box, .donate-boxselect {
width: 100%;
display: block;
text-align: left;
margin: 40px 0;
}
.donate-box input {
font-size: 20px;
padding: 5px 10px;
}
.donate-box select select {
font-size: 13px;
background: none;
height: 35px;
border: 1px solid #a2a2ad;
}
.buttons.donate {
background: #f18d06;
color: #fff;
cursor: pointer;
font-size: 16px;
border: none;
}
.buttons.donate:hover {
background: #f6c004;
color: #fff;
}
.video-container {
text-align: center;
}
iframe {
max-height: 450px !important;
} #toolbar .tb-list .rss a:hover {
background: #ff9900;
}
#toolbar .tb-list .contact a:hover {
background: #20a7ff;
}
#toolbar .tb-list .shopping-cart a:hover {
background: #77a464;
}
#toolbar .tb-list .share a:hover {
background: #3b3b3d;
}
#toolbar .tb-list .share:hover {
background: #3b3b3d;
}
#toolbar .tb-list .donate a:hover {
background: #f6c004;
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
} #site-title {
font-size: 30px;
font-family: 'Archivo Narrow', sans-serif;
line-height: 36px;
font-weight: normal;
}
#site-title a {
text-decoration: none;
}
#site-description {
font-size: 15px;
color: #000; }
#teaser {
background: #fff;
}
#teaser .header-image {
width: 100%;
height: auto;
display: block;
}  nav select {
display: none;
} .nav-next a, .nav-previous a {
color: #a2a2ad;
border: 1px solid #a2a2ad;
text-decoration: none;
padding: 6px 12px;
margin: 10px 0 0 0;
display: inline-block;
text-transform: uppercase;
}
.nav-next .meta-nav, .nav-previous .meta-nav {
font-size: 20px;
line-height: 1px;
}
.nav-next a:hover, .nav-previous a:hover {
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
} .main-navigation {
margin: 0 auto;
max-width: 66.75%;
min-height: 45px;
position: relative;
}
ul.nav-menu,
div.nav-menu > ul {
margin: 0;
text-align: right;
}
.nav-menu li {
display: inline-block;
position: relative;
}
.nav-menu li a {
color: #3b3b3d;
display: block;
font-size: 19px;
font-weight: 600;
font-family: 'Archivo Narrow', sans-serif;
text-transform: uppercase;
line-height: 1;
padding: 10px;
text-decoration: none;
} ul.nav-menu ul.sub-menu,
.nav-menu .children {
-webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
background: #fff;
padding: 7px 0 15px 0;
position: absolute;
color: #3b3b3d;
z-index: 99999;
text-align: left;
display: block;
left: -9999px;
}
ul.sub-menu li ul.sub-menu 
{
-webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
padding: 0;
position: relative;
color: #3b3b3d;
z-index: 99999;
text-align: left;
display: block;
left: -5px;
} .nav-menu > li:hover > .sub-menu,
.nav-menu > li.show > .sub-menu {
left: -20px;
}
ul.nav-menu ul a {
color: #3b3b3d;
font-weight: 600;
margin: 0;
padding: 10px 20px 7px 20px;
min-width: 240px;
text-transform: uppercase;
} .nav-menu > li > .sub-menu li:hover > .sub-menu,
.nav-menu > li > .sub-menu li.show > .sub-menu {
border-left: 0; top: 0;
}
.nav-menu ul ul a {
color: #3b3b3d; font-size: 15px;
margin: 0;
padding: 5px;
min-width: 160px;
text-transform: capitalize;
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover,
.nav-menu a.focus {
border-bottom: 0px solid #ccc;
background: #f1f1f1 !important;
color: #c30;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-delay: 0s;
animation-delay: 0s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.menu-toggle {
display: none;
} .nav-menu > li:hover > .sub-menu.off-screen,
.nav-menu > li.show > .sub-menu.off-screen {
left: auto;
right: 0;
} .nav-menu > li > .sub-menu li:hover > .sub-menu.off-screen,
.nav-menu > li > .sub-menu li.show > .sub-menu.off-screen,
.nav-menu > li > .sub-menu li > .sub-menu.off-screen li:hover .sub-menu,
.nav-menu > li > .sub-menu li > .sub-menu.off-screen li.show .sub-menu {
left: auto;
right: 180px;
} .menu-language-menu-container {
float: left;
}
.menu-language-menu-container ul {
margin: 7px 0 0 0;
padding: 0;
}
.menu-language-menu-container ul li {
margin: 0 1px 0 0;
display: inline-block;
float: left;
}
.menu-language-menu-container ul li a {
color: #fff;
text-decoration: none;
background: #3b3b3d;
display: inline-block;
padding: 2px 10px;
}
.menu-language-menu-container ul li a:hover {
border-bottom: 1px solid #fff;
}
.menu-language-menu-container ul .current a {
border-bottom: 0px solid #fff;
font-weight: bold;
} .teaser-page .page-title { }
.teaser-page-list .page-title { }
.text-shadow {
text-shadow: 2px 2px #000;
}
.page-title {
color: #fff;  display: inline-block;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: 0s;
animation-delay: 0s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
h1.page-title {
font-size: 55px;
font-weight: 600; text-shadow: 2px 2px #000;
}
.teaser-page #rootline { }
.teaser-page-list #rootline { }
#rootline {
font-size: 15px;
font-weight: 500;
text-align: center;
color: #fff;
}
#rootline a {
color: #fff; }
#rootline a:hover {
color: #fff;
text-decoration: underline;
}
.teaser-page-404 {
text-align: center;
}
.teaser-page-404 .page-title {
margin-top: 120px;
font-size: 92px;
}
.teaser-page-404 h2 {
margin-top: 48px;
font-size: 22px;
color: #fff !important;
}
.single-404 {
text-align: center;
}
.single-404 .button {
margin-bottom: 0px !important;
}
.entry-content table, .comment-content table {
border-bottom: 1px solid #ddd;
margin: 0 0 1.625em;
width: 100%;
}
.entry-content th, .comment-content th {
color: #666;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.1em;
line-height: 2.6em;
}
.entry-content td, .comment-content td {
border-top: 1px solid #ddd;
padding: 6px 10px 6px 0;
}
.page-link {
margin: 24px 0;
}
.entry-content blockquote {
padding-left: 24px;
font-size: 20px;
}
.entry-content blockquote p {
font-size: 20px;
} article.list {
margin-bottom: 48px;
padding-bottom: 48px;
border-bottom: 1px solid #ddd;
}
.short-content .entry-header {
color: #e53b51;
font-size: 22px;
background: #fff;
display: inline;
}
.short-content .entry-header a {
text-decoration: none;
}
.short-content figure { }
.short-content figure img {
width: 100%;
height: auto;
} .doc-list figure img {
width: 100%;
height: auto;
}
figure .mask {
width: 100%;
height: auto;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
margin: 0;
padding: 0;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
background: transparent;
text-align: center;
}
figure .mask .mask-square {
display: none;
}
figure:hover .mask-square {
position: relative;
top: 35%;
margin: 0;
left: 0;
font-size: 22px;
display: inline-block;
text-align: center;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: 0s;
animation-delay: 0s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
background: #fff;
width: 40px;
height: 35px;
padding-top: 5px;
}
figure:hover .mask {
background: rgba(0, 0, 0, 0.8);
}
.entry-meta {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 0;
overflow: hidden;
}
.short-content p {
margin: 0 0 15px 0;
}
.short-content .entry-meta p {
margin: 10px 12px 0 12px;
padding: 0;
}
p.sponsors i {
color: #e53b51;
}
.fund i {
color: #3b3b3d;
}
.time {
color: #20a7ff;
}
.time a {
text-decoration: none;
}
.fb {
color: #3a589b;
}
.fb a {
text-decoration: none;
}
.short-content .buttons {
color: #fff;
padding: 10px 24px;
text-decoration: none;
text-transform: uppercase;
}
.short-content .buttons:hover {
background: #3b3b3d;
color: #fff;
} .entry-meta .buttons.facebook i {
color: #3a589b;
}
.entry-meta .buttons.facebook {
background: #fff;
color: #3b3b3d;
text-transform: none;
padding: 10px 12px;
}
.entry-meta .buttons.facebook:hover {
background: #3a589b;
color: #fff;
}
.entry-meta .buttons.facebook:hover i {
background: none;
color: #fff;
} .entry-meta .buttons.time i {
color: #20a7ff;
}
.entry-meta .buttons.time {
background: #fff;
text-transform: none;
padding: 10px 12px;
color: #3b3b3d;
}
.entry-meta .buttons .icon-calendar {
padding: 2px 5px 2px 0;
}
.entry-meta .buttons.time:hover {
background: #20a7ff;
color: #fff;
}
.entry-meta .buttons.time:hover i {
background: none;
color: #fff;
} .entry-meta .buttons.author i {
color: #f18d06;
}
.entry-meta .buttons.author {
background: #fff;
text-transform: none;
padding: 10px 12px;
color: #3b3b3d;
}
.entry-meta .buttons.author:hover {
background: #f18d06;
color: #fff;
}
.entry-meta .buttons.author:hover i {
background: none;
color: #fff;
} .square-info {
position: absolute;
bottom: 0px;
left: 0px;
width: 50%;
background: #fff;
z-index: 1;
}
.square-info.full {
position: relative;
width: 100%;
}
.square-info.full .square-info-margins {
margin: 0 0 24px 0;
}
.square-info-margins {
margin: 24px 24px 8px 24px;
}
.new-progress-body {
background: #f3f3f3;
width: 100%;
margin-top: 5px;
}
.progress-value {
height: 15px;
border-radius: 2px;
background: #e53b51;
}
.progress-percent, .progress-money {
padding: 0px 5px;
color: #fff;
position: relative;
}
.progress-percent .arrow, .progress-money .arrow {
height: 5px;
width: 5px;
position: absolute;
bottom: -3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.progress-percent .arrow {
left: 12px;
}
.progress-money .arrow {
right: 12px;
}
.square-info-margins .meta p {
margin: 12px 0;
}
.square-info-margins .meta p i {
margin-right: 12px;
}
.square-info .buttons {
background: #f18d06;
color: #fff;
margin-top: 22px;
padding: 10px 24px;
text-decoration: none;
text-transform: uppercase;
}
.square-info .buttons i {
margin-left: 12px;
}
.square-info .buttons:hover {
background: #f6c004;
color: #fff;
cursor: pointer;
}
.entry-content figure {
margin-bottom: 10px;
}
.entry-content figure.featured-image img {
width: 100%;
height: auto;
}
.event-map {
display: none;
margin-top: 24px;
}
.book-your-place {
display: none;
margin-top: 24px;
color: white;
}
.book-your-place h3, .event-map h3 {
color: #fff;
} .wplook-google-map {
width: 100%;
min-height: 400px;
height: 100%;
display: block;
}
.reservation-form input, .reservation-form textarea {
border: none;
background: #fff;
padding: 5px 10px;
border-radius: 2px;
}
.paymend_detailes {
display: none;
margin-bottom: 24px;
}
.donate-amoung {
margin-bottom: 12px;
}
.donate_now_bt {
color: #fff;
border: none;
padding: 5px 12px;
cursor: pointer;
} .toggle-content-donation {
clear: both;
display: block;
margin: 0 0 1px 0;
color: #fff;
}
.toggle-content-donation:hover {
background: #3b3b3b;
}
.toggle-content-donation + .toggle-content-donation {
margin: 0 0 1px 0;
}
.toggle-content-donation .expand-button {
background: url(//hart.ca/wp-content/themes/charitas-wpl/assets/images/toggle-open.png) left top no-repeat;
cursor: pointer;
font-weight: 700;
overflow: hidden;
}
.toggle-content-donation .expand-button.close {
background: url(//hart.ca/wp-content/themes/charitas-wpl/assets/images/toggle-close.png) left top no-repeat;
}
.toggle-content-donation .expand-button p {
line-height: 40px;
margin: 0;
padding-left: 40px;
}
.toggle-content-donation .expand {
margin: 0;
background: #fff;
line-height: 160%;
color: #3b3b3d;
padding: 20px 20px 20px;
}
.toggle-content-donation .expand {
display: none;
}
.no-js .toggle-content-donation .expand {
display: block;
} .event-info {
padding: 24px;
margin-bottom: 48px;
}
.event-info .day {
font-size: 50px;
color: #fff;
margin-right: 12px;
line-height: 1;
}
.event-info .month-time {
color: #fff;
font-size: 16px;
line-height: 22px;
margin-right: 48px;
text-decoration: none;
}
.event-info .month-time .month {
line-height: 27px;
}
.event-address {
font-size: 16px;
color: #fff;
cursor: pointer;
text-decoration: none;
display: inline-block;
width: 35%;
}
.event-address a:hover {
text-decoration: underline;
}
.event-location {
color: #fff;
font-size: 40px;
line-height: 48px;
margin-right: 12px;
}
.event-info .buttons.facebook i {
color: #3a589b;
}
.event-info .buttons.facebook {
background: #fff;
color: #3b3b3d;
text-transform: none;
padding: 10px 12px;
text-decoration: none;
}
.event-info .buttons.facebook:hover {
background: #3a589b;
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.event-info .buttons.facebook:hover i {
background: none;
color: #fff;
} .event-info .buttons.bookplace i {
color: #3b3b3d;
}
.event-info .buttons.bookplace {
background: #fff;
color: #3b3b3d;
text-transform: none;
padding: 10px 12px;
text-decoration: none;
margin-left: 24px;
cursor: pointer;
}
.event-info .buttons.bookplace:hover {
background: #3b3b3d;
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.event-info .buttons.bookplace:hover i {
background: none;
color: #fff;
} .buttons.send {
background: #fff;
color: #3b3b3d;
text-transform: none;
padding: 10px 12px;
text-decoration: none;
cursor: pointer;
}
.buttons.send:hover {
background: #3b3b3d !important;
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
} .entry-meta-press {
padding: 12px;
display: block;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 48px;
}
.entry-meta-press time {
margin-right: 12px;
}
.entry-meta-press time i {
color: #20a7ff;
}
.entry-meta-press .tag-i i {
color: #c0392b;
}
.entry-meta-press .author-i i {
color: #f18d06;
}
.entry-meta-press .category-i, .entry-meta-press .tag-i {
margin-right: 12px;
}
.entry-meta-press .category-i a, .entry-meta-press .tag-i a, .entry-meta-press .author-i a {
text-decoration: none;
color: #3b3b3d;
}
.entry-meta-press .category-i a:hover, .entry-meta-press .tag-i a:hover, .entry-meta-press .author-i a:hover {
text-decoration: underline;
}
.twitter-tweet.twitter-tweet-rendered {
width: 100%;
}
.share-buttons {
list-style-type: none;
float: left;
padding: 0px 5px;
margin: 0 10px 0px 0;
font-size: 13px;
cursor: pointer;
color: #fff;
}
.share-buttons > li > i {
margin: 0 3px;
font-size: 10px;
}
.share-buttons li {
position: relative;
display: inline-block;
padding: 0px 0 0px 0;
margin-left: 0px;
}
.share-buttons .share-desc .share-items {
display: none;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.share-buttons .share-items {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: visibility 10s linear 0.5s,opacity 0.5s linear;
transition: visibility 10s linear 0.5s,opacity 0.5s linear;
position: absolute;
top: 20px !important;
left: -5px;
z-index: 5000;
list-style: none;
margin: 0;
padding: 0 0 5px 0 !important;
width: auto;
min-width: 150px;
border-radius: 2px;
-webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
background: #fff;
}
.share-buttons .share-items li {
width: 100%;
float: left;
border-bottom: 1px solid #ccc;
margin: 0 !important;
line-height: 100%;
padding: 10px 0px !important;
}
.share-buttons .share-items li i {
margin: 0 10px 0 10px;
}
.share-buttons .share-items li:hover {
border-top: none !important;
background: #f9f9f9;
}
.share-buttons .share-items li a, .share-items li a:hover {
text-decoration: none;
color: #3d3d3b;
}
.share-buttons .share-icon-fb i {
color: #3a589b;
}
.share-buttons .share-icon-tw i {
color: #19bfe8;
}
.share-buttons .share-icon-pt i {
color: #cb2027;
} .grid_4 .WPlookStaff .grid_4 {
width: 100%;
margin-bottom: 24px;
}
.grid_8 .WPlookStaff .grid_4 {
float: left;
width: 46%;
margin: 12px 2%;
}
.grid_12 .WPlookStaff .grid_4 {
float: left;
width: 30.787037%;
margin: 12px 1.27314815%;
}
.candidate {
-webkit-box-shadow: 0 0 2px #747373;
box-shadow: 0 0 2px #747373;
margin-bottom: 20px;
float: left;
}
.candidate-margins {
margin: 24px;
}
.candidate img {
width: 100%;
height: auto;
}
.candidate .name {
font-size: 24px;
font-family: 'Archivo Narrow', sans-serif;
text-align: center;
margin-top: 12px;
}
.candidate .position {
font-family: 'Archivo Narrow', sans-serif;
font-size: 18px;
color: #3b3b3d;
text-align: center;
}
.candidate:hover {
-webkit-box-shadow: inset 0 0 12px #c2c0c0;
box-shadow: inner 0 0 12px #c2c0c0;
}
.candidate a {
text-decoration: none;
}
.candidate-about {
margin-left: 12px;
width: 59%;
}
.social-icons {
text-align: center;
margin-top: 24px;
font-size: 16px;
}
.social-icons a {
padding: 3px 3px;
}
.social-icons a:hover {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.social-icons .i-icon-facebook {
color: #3a589b;
}
.social-icons .i-icon-twitter {
color: #19bfe8;
}
.social-icons .i-icon-github {
color: #000;
}
.social-icons .i-icon-linkedin {
color: #007bb6;
} .download_file {
padding: 10px 12px 0 12px;
}
.download_file a {
text-decoration: none;
}
.download_file a:hover {
text-decoration: underline;
}
.download_file_single {
padding: 0 12px;
}
.download_file_single a {
text-decoration: none;
}
.download_file_single a:hover {
text-decoration: underline;
}
.pub figure:hover .mask-square {
top: 60px;
}
.single-publication figure { }
.buttons-download {
color: #fff !important;
padding: 10px 24px;
text-decoration: none;
text-transform: uppercase;
}
.buttons-download:hover {
background: #3b3b3d;
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-delay: 0s;
animation-delay: 0s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.entry-meta-pub {
padding: 0px;
display: block;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 48px;
}
.entry-meta-pub time, .entry-meta-pub .download_file_single, .entry-meta-pub .share-buttons {
margin: 10px 12px 0 0;
}
.entry-meta-pub time i {
color: #20a7ff;
}
.social-icons .fa-facebook, .social-icons .fa-facebook-f {
color: #3a589b;
padding: 5px;
}
.social-icons .fa-facebook:hover, .social-icons .fa-facebook-f:hover {
color: #fff;
background: #3a589b;
}
.social-icons .fa-twitter {
color: #19bfe8;
padding: 5px;
}
.social-icons .fa-twitter:hover {
color: #fff;
background: #19bfe8;
}
.social-icons .fa-pinterest {
color: #e53b51;
padding: 5px;
}
.social-icons .fa-pinterest:hover {
color: #fff;
background: #e53b51;
}
.social-icons .fa-youtube {
color: #e53b51;
padding: 5px;
}
.social-icons .fa-youtube:hover {
color: #fff;
background: #e53b51;
}
.social-icons .fa-linkedin-in, .social-icons .fa-linkedin {
color: #3a589b;
padding: 5px;
}
.social-icons .fa-linkedin-in:hover, .social-icons .fa-linkedin:hover {
color: #fff;
background: #3a589b;
}
.social-icons .fa-skype {
color: #0bbff2;
padding: 5px;
}
.social-icons .fa-skype:hover {
color: #fff;
background: #0bbff2;
}
.social-icons .fa-vk {
color: #4c75a3;
padding: 5px;
}
.social-icons .fa-vk:hover {
color: #fff;
background: #4c75a3;
}
.social-icons .fa-google-plus-square,
.social-icons .fa-google-plus-g,
.social-icons .fa-google-plus {
color: #f12842;
padding: 5px;
}
.social-icons .fa-google-plus-square:hover,
.social-icons .fa-google-plus-g:hover,
.social-icons .fa-google-plus:hover {
color: #fff;
background: #f12842;
}
.social-icons .fa-vimeo,
.social-icons .fa-vimeo-v,
.social-icons .fa-vimeo-square {
color: #0bb9e6;
padding: 5px;
}
.social-icons .fa-vimeo:hover,
.social-icons .fa-vimeo-v:hover,
.social-icons .fa-vimeo-square:hover {
color: #fff;
background: #0bb9e6;
}
.social-icons .fa-github,
.social-icons .fa-github-square,
.social-icons .fa-github-alt {
color: #754c24;
padding: 5px;
}
.social-icons .fa-github:hover,
.social-icons .fa-github-square:hover,
.social-icons .fa-github-alt:hover {
color: #fff;
background: #754c24;
}
.social-icons .fa-flickr {
color: #d73990;
padding: 5px;
}
.social-icons .fa-flickr:hover {
color: #fff;
background: #d73990;
}
.social-icons .fa-instagram {
color: #E1306C;
padding: 5px;
}
.social-icons .fa-instagram:hover {
color: #fff;
background: #E1306C;
}
.candidate-detailes {
list-style: none;
margin: 0 0 24px 0;
padding: 0;
}
.candidate-detailes li {
border-bottom: 1px solid #ddd;
padding: 10px 5px;
}
.candidate-detailes li i {
margin-right: 12px;
} a img {
border: none;
}
p img {
margin-bottom: 0.5em;
max-width: 100%; }
a img {
display: block;
} img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
max-width: 100%; height: auto; }
img.alignleft {
margin-right: 1.5em;
}
img.alignright {
margin-left: 1.5em;
}
.wp-caption {
padding: .5em;
text-align: center;
width: 100%;
}
.wp-caption img {
margin: .25em;
}
.alignnone {
width: 98% !important;
height: auto !important;
}
.wp-caption .wp-caption-text {
margin: .5em;
}
.wp-smiley {
margin: 0;
}
.gallery {
padding: 0 12px;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 1px solid #e0dddd !important;
padding: 5px;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-3 .attachment-thumbnail {
max-width: 72%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 98%;
height: auto;
}
.gallery .gallery-caption {
color: #3b3b3d;
font-size: 12px;
margin: 12px 0 12px;
text-align: left;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 0px solid #f1f1f1;
}
.gallery br + br {
display: none;
} #primary nav {
clear: both;
overflow: hidden;
margin: 0 0 1.5em;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
} .pagination {
list-style: none;
margin: 0;
padding: 0;
}
.pagination li {
margin: 0;
float: left;
margin-right: 10px;
}
.pagination li a {
padding: 3px 6px;
background: #fff;
text-decoration: none;
border: 1px solid #a2a2ad;
color: #a2a2ad;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.pagination li a:hover {
background: #e53b51;
color: #fff;
border: 1px solid #e53b51;
}
.pagination li .active {
background: #e53b51;
color: #fff;
border: 1px solid #e53b51;
} aside.widget { margin-bottom: 25px;
overflow: hidden;
}
aside.WPlookStaff {
margin-bottom: 0;
}
aside ul {
list-style: none;
margin: 0px;
} .social-widget-margin {
padding: 0px 0px;
}
.social-widget-margin a, .social-widget-margin a:visited {
float: left;
width: 30px;
height: 28px;
margin: 0 14px 20px 0px;
text-align: center;
text-decoration: none;
line-height: 28px;
color: #fff;
padding-top: 2px;
}
.social-widget-margin a:hover {
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.social-widget-margin .social-item-twitter a:hover {
background: #00aced;
}
.social-widget-margin .social-item-facebook a:hover {
background: #3b5998;
}
.social-widget-margin .social-item-rss a:hover {
background: #ff9900;
}
.social-widget-margin .social-item-gplus a:hover {
background: #d34836;
}
.social-widget-margin .social-item-youtube a:hover {
background: #bb0000;
}
.social-widget-margin .social-item-linkedin a:hover {
background: #007bb6;
}
.social-widget-margin .social-item-instagram a:hover {
background: #517fa4;
}
.social-widget-margin .social-item-github a:hover {
background: #ac5e54;
}
.social-widget-margin .social-item-pinterest a:hover {
background: #cb2027;
}
.social-widget-margin .social-item-vimeo a:hover {
background: #45bbff;
}
.social-widget-margin .social-item-lastfm a:hover {
background: #D51007;
}
.social-widget-margin .social-item-soundcloud a:hover {
background: #ff5800;
}
.social-widget-margin .social-item-flickr a:hover {
background: #ff0084;
} .flickr-widget-body, .instagram-widget-body {
width: 100%;
}
.flickr-widget-body a, .instagram-widget-body a {
width: 31%;
display: inline-block;
border: 1px solid #fff;
}
.flickr-widget-body a:hover, .instagram-widget-body a:hover {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.flickr-widget-body img, .instagram-widget-body img {
width: 100%;
height: auto;
float: left;
}
#colophon .widget-title, #colophon h3 {
background: transparent !important;
}
#colophon .viewallinstagram a {
color: #fff;
} .instagram-widget .instagram-widget-avatar {
float: left;
}
.instagram-widget .instagram-widget-avatar img {
width: 50px;
height: auto;
}
.instagram-widget .instagram-widget-follow {
float: left;
margin-left: 10px;
margin-bottom: 20px;
}
.instagram-widget .instagram-widget-follow h4 {
font-size: 1rem;
margin: 0px;
padding: 0px;
color: #000;
}
.instagram-widget .instagram-widget-follow a {
font-size: 14px;
margin: 0px;
padding: 0px;
color: #bbbbbb;
}
.instagram-widget .instagram-widget-follow a:hover {
text-decoration: underline;
}
.instagram-widget .instagram-widget-image {
width: 33.333%;
float: left;
}
.instagram-widget .instagram-widget-image img {
width: 100%;
height: auto;
}
.instagram-widget .instagram-widget-image img:hover {
opacity: 0.9;
} .widget_media_gallery .gallery {
margin: 0px;
padding: 0px !important;
}
.widget_media_gallery .gallery img {
margin: 0px;
padding: 0px;
border: 1px solid #fff !important;
}
.widget_media_gallery .gallery-item {
margin: 0px;
padding: 0px !important;
width: 100%;
} .widget_wpl_latest_donations {
margin-bottom: 40px;
}
.widget_wpl_latest_donations .cause-information {
margin-bottom: 20px;
position: relative;
}
.widget_wpl_latest_donations .cause-information .image {
height: 100px;
background-size: cover;
background-position: 50%;
}
.widget_wpl_latest_donations .cause-information .title {
font-size: 18px;
font-weight: 600;
}
.widget_wpl_latest_donations .cause-information.has-thumbnail .title {
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
color: white;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
}
.widget_wpl_latest_donations .latest-pledges {
margin-bottom: 20px;
}
.widget_wpl_latest_donations .latest-pledges .pledge .image {
display: inline-block;
width: 60px;
margin-right: 5px;
vertical-align: middle;
}
.widget_wpl_latest_donations .latest-pledges .pledge .content {
display: inline-block;
vertical-align: middle;
}
.widget_wpl_latest_donations .latest-pledges .pledge .content .name {
font-size: 18px;
font-weight: 600;
margin: 0;
}
.widget_wpl_latest_donations .latest-pledges .pledge .content .value {
margin: 0;
}
.widget_wpl_latest_donations .buttonss {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
} .widget ul li {
background: transparent url(//hart.ca/wp-content/themes/charitas-wpl/assets/images/border-x.png) left bottom repeat-x;
padding: 12px;
margin: 0px;
}
.widget ul li a {
color: #343434;
text-decoration: none;
}
.widget ul li:before {
content: " ";
background-image: url(//hart.ca/wp-content/themes/charitas-wpl/assets/images/list-item.png);
background-size: 3.5px;
background-position: left center;
background-repeat: no-repeat;
padding-right: 14px;
}
.footer .widget ul li:before {
background-image: url(//hart.ca/wp-content/themes/charitas-wpl/assets/images/list-item-white.png);
}
.widget ul li:hover {
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.widget ul li:hover a {
color: #fff;
}
.widget ul li ul {
margin: 0 0 0 0;
padding: 0 0 0 20px;
}
.widget ul li ul li {
margin: 0 0 0 0;
padding: 10px 0 0 0;
background: none;
} #secondary .grid_16 {
margin: 0;
padding: 0;
}
.widget-title { margin-bottom: 15px;
}
.widget-title h3 {
background: #fff;
font-size: 30px;
color: #006ccc;
display: inline-block;
padding-right: 12px;
}
.widget-title .viewall {
background: #fff;
padding-left: 5px;
font-size: 13px;
}
.widget-title .viewall a {
color: #a2a2ad;
border: 1px solid #a2a2ad;
text-decoration: none;
padding: 0px 5px;
margin: 7px 0 0 0;
display: inline-block;
}
.widget-title .viewall a:hover {
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.widget h3 {
padding: 10px 5px 0px 0;
}
.widget h3 a {
text-decoration: none;
font-size: 20px;
font-weight: 600;
color: #333333;
}
h3.entry-header {
line-height: 22px;
}
h3.entry-header a {
font-family: 'Archivo Narrow', sans-serif;
}
div.short-description {
font-size: 18px;
line-height: 22px !important;
font-family: 'Archivo Narrow', sans-serif;
}
div.entry-meta {
font-size: 15px;
} .widget-causes-body .cause-item {
float: left;
width: 23%;
margin: 0 1% 30px 1%;
}
.widget-causes-body .cause-item figure {
width: 100%;
margin-bottom: 12px;
}
.widget-causes-body .cause-item figure img {
width: 100%;
height: auto;
}
.widget-causes-body .cause-item p {
margin-bottom: 0px;
}
@media (max-width: 768px) {
.widget-causes-body .cause-item {
width: 48% !important;
}
.hp-banner .prap {display: none;}
}
@media (max-width: 640px) {
.widget-causes-body .cause-item {
width: 100% !important;
}
}
.grid_12 .widget-causes-body .cause-item {
float: left;
width: 30.787037%;
margin: 12px 1.27314815%;
} .grid_8 .widget-causes-body .cause-item {
float: left;
width: 46%;
margin: 0 2%;
} .sidebar .widget-causes-body .cause-item {
width: 100%;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #ddd;
margin-left: 0;
margin-right: 0;
}
.grid_4 .widget-causes-body .cause-item:last-child {
border-bottom: none;
} .widget-event-body {
overflow: auto;
}
.widget-event-body .event-item figure {
margin-bottom: 12px;
}
.widget-event-body .event-item {
float: left;
width: 23%;
margin: 0 1% 24px 1%;
}
.grid_12 .widget-event-body .event-item {
float: left;
width: 29.5%;
margin: 12px 2%;
} .grid_8 .widget-event-body .event-item {
float: left;
width: 46%;
margin: 0 2%;
} .grid_4 .widget-event-body .event-item {
width: 100%;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #ddd;
margin-left: 0;
margin-right: 0;
}
.grid_4 .widget-event-body .event-item:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0;
}
.entry-meta-widget i {
padding: 2px 5px;
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
color: #3b3b3d;
}
.entry-meta-widget a {
text-decoration: none;
color: #3b3b3d;
}
.entry-meta-widget div {
margin-top: 5px;
}
.entry-meta-widget div a {
color: #3b3b3d;
}
.entry-meta-widget .date i {
color: #20a7ff;
}
.entry-meta-widget .location i {
color: #f18d06;
}
.entry-meta-widget .facebook i {
color: #3a589b;
}
.more-events a {
text-align: right;
text-transform: uppercase;
display: block;
text-decoration: none;
color: #3b3b3d;
font-size: 12px;
}
.more-events a:hover {
color: #e53b51;
} .tagcloud a {
padding: 8px 10px;
display: inline-block;
margin: 4px 2px;
text-decoration: none;
color: #fff !important;
}
.tagcloud a:hover {
background: #3b3b3d;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
} .announce-body h1 {
margin-bottom: 10px;
font-weight: bold;
color: #fff;
}
.announce-body h3 {
color: #fff;
}
.announce-body {
font-family: 'Arimo', sans-serif;
padding: 48px 0;
text-align: center;
} .footer .soc-icon#img {
width: 36px;
height: 36px;
}
.footer .widget_adress {
font-size: 13px;
}
.widget_adress a {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 18px;
}
#colophon .widget_adress h3.org, .widget_adress h3.org {
margin-bottom: 20px;
} #searchform #searchsubmit {
color: #fff;
padding: 5px 6px 7px 6px;
cursor: pointer;
border: 0;
font-size: 14px;
}
#searchform #searchsubmit:hover {
color: #fff;
background: #3b3b3d;
} #calendar_wrap {
margin: 0;
color: #343434;
background: #fff;
}
#wp-calendar, #wp-calendar th, #wp-calendar td {
text-align: center;
background: none;
border: none;
}
#wp-calendar {
background: none;
empty-cells: hide;
width: 100%;
font-size: 12px;
}
#wp-calendar th {
font-style: normal;
font-weight: bold;
text-transform: capitalize;
border-bottom: 1px solid #ddd;
}
#wp-calendar td {
text-align: center;
background: #fff;
padding: 5px;
border-bottom: 1px solid #ddd;
}
#wp-calendar td:hover {
background-color: #fff;
}
#wp-calendar a {
text-decoration: none;
display: block;
padding: 5px;
}
#wp-calendar a:hover {
background: #f9f9f9;
}
#wp-calendar caption {
font-weight: bold;
text-align: center;
}
#wp-calendar #today {
background-color: #f3f3f3;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar .pad {
background-color: #fff;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
background: #f0f3f5;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
background: #f0f3f5;
} .flexslider-gallery .loading {
background: transparent url(//hart.ca/assets/images/ajax-loader.gif) no-repeat 50% 50%;
min-height: 300px;
}
.flexslider-gallery {
margin: 0 0 0px 0;
padding: 0;
position: relative;
}
.flexslider-gallery .slides > li {
display: none;
-webkit-backface-visibility: hidden;
position: relative;
} .flexslider-gallery .slides img {
width: 100%;
height: auto;
display: block;
}
.flexslider-gallery .slides .caption {
margin: 0;
padding: 20px 0;
background: #000;
color: #fff;
line-height: 15px;
text-align: center;
font-style: italic;
} .flexslider-gallery .flex-direction-nav {
*height: 0;
padding: 0;
text-align: center;
width: 100%;
display: block;
position: absolute;
bottom: 50%;
}
.flexslider-gallery .flex-direction-nav li {
max-width: 100%;
background: red;
margin: 0 auto;
display: block;
}
.flexslider-gallery .flex-direction-nav .flex-next {
background-position: 100% 0;
right: 0px;
}
.flexslider-gallery .flex-direction-nav .flex-prev {
left: 0px;
}
.flexslider-gallery:hover .flex-next {
opacity: 0.8;
right: 0px;
}
.flexslider-gallery:hover .flex-prev {
opacity: 0.8;
left: 0px;
}
.flexslider-gallery:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0.3 !important;
filter: alpha(opacity=30);
cursor: default;
} #flexslider-gallery-carousel {
min-height: 50px;
margin-bottom: 40px;
position: relative;
z-index: 1000;
}
#flexslider-gallery-carousel li {
padding: 5px;
max-width: 140px;
height: auto;
font-size: 0;
}
#flexslider-gallery-carousel li img {
max-width: 140px;
width: auto;
height: auto;
float: left;
}
#flexslider-gallery-carousel .flex-direction-nav {
*height: 0;
text-align: center;
width: 100%;
display: block;
position: absolute;
bottom: 68px;
}
#flexslider-gallery-carousel .flex-direction-nav a {
width: 50px;
height: 50px;
margin: 0px 0px;
display: block;
background: url(//hart.ca/wp-content/themes/charitas-wpl/assets/assets/images/bg_direction_nav.png) no-repeat 0 0;
position: absolute;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 1;
-webkit-transition: all .3s ease;
}
.grid_11 #flexslider-gallery-carousel .flex-direction-nav li {
position: relative;
max-width: 100%;
margin: 0 0px 0 0;
padding: 0;
}
#flexslider-gallery-carousel .flex-direction-nav li {
position: relative;
max-width: 100%;
margin: 0;
padding: 0;
}
#flexslider-gallery-carousel .flex-direction-nav .flex-next {
background-position: 100% 0;
right: 0px;
}
#flexslider-gallery-carousel .flex-direction-nav .flex-prev {
left: 0px;
}
#flexslider-gallery-carousel .flexslider:hover .flex-next {
opacity: 0.8;
right: 0px;
}
#flexslider-gallery-carousel .flexslider:hover .flex-prev {
opacity: 0.8;
left: 0px;
}
#flexslider-gallery-carousel .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
#flexslider-gallery-carousel .flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=30);
cursor: default;
}
#flexslider-gallery-carousel .flex-active-slide img {
display: block;
}
.su-spoiler {
margin-bottom: 0 !important; }
.su-spoiler-title {
padding: 15px 10px 15px 30px !important;
background: #227fb4;
color: #fff;
font-size: 20px !important;
font-weight: normal !important;
}
.su-spoiler-closed .su-spoiler-title {
background: #f3f3f3;
color: #000;
}
.su-spoiler-content {
padding: 7px 7px 7px 34px !important;
}
.su-spoiler-title:hover {
background: #227fb4;
color: #fff;
}
.su-spoiler-icon {
top: auto !important;
left: 7px !important;
} .latestnews-body .image {
width: 58%;
}
.latestnews-body .content {
width: 38%;
}
.latestnews-body .content.fullwidth {
width: 100%;
}
.flexslider-news {
margin: 0;
padding: 0;
}
.flexslider-news .slides > li h3 a {
text-decoration: none;
}
.flexslider-news .slides > li {
display: none;
-webkit-backface-visibility: hidden;
position: relative;
} .flexslider-news .slides img {
width: 100%;
height: auto;
display: block;
}
.latestnews-body .flex-direction-nav {
width: 70px;
position: absolute;
top: 6px;
right: 0px;
bottom: none;
background: #fff;
display: block;
}
.latestnews-body .flex-direction-nav li {
width: 35px;
display: inline-block;
height: 18px;
}
.latestnews-body .flex-direction-nav a {
width: 25px;
height: 25px;
margin: 0;
display: block;
background: transparent url(//hart.ca/wp-content/themes/charitas-wpl/assets/images/bg_direction_nav_small.png) no-repeat 0 0;
position: absolute;
top: 0%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 0.8;
-webkit-transition: all .3s ease;
}
.latestnews-body .flex-direction-nav .flex-next {
background-position: 100% 0;
right: 0px;
}
.latestnews-body .flex-direction-nav .flex-prev {
left: 12px;
}
.latestnews-body:hover .flex-next:hover,
.latestnews-body:hover .flexslider:hover,
.latestnews-body:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0.3 !important;
filter: alpha(opacity=30);
cursor: default;
}
.flexslider-news .category {
font-size: 13px;
margin: 12px 0;
padding: 0;
}
.flexslider-news .flex-button-red i {
font-size: 16px;
margin-left: 8px;
}
.flexslider-news .flex-button-red a {
padding: 6px 12px;
text-transform: uppercase;
text-decoration: none;
}
.flexslider-news .flex-button-red a:hover {
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
} .comment-title {
margin-bottom: 24px;
}
.commentlist {
margin: 0;
padding: 0;
list-style: none;
}
.commentlist li {
list-style: none;
}
.commentlist .entry-header {
margin-bottom: 20px;
}
.commentlist .entry-header .comment-image {
margin-right: 20px;
}
.commentlist .entry-header .comment-author-name,
.commentlist .entry-header .comment-author-name a {
font-size: 22px;
text-decoration: none;
margin-top: 0px;
}
.commentlist .entry-header .comment-author-name a:hover {
text-decoration: underline;
}
.commentlist .entry-header .posted-on a {
text-decoration: none;
}
.commentlist .entry-header .posted-on a:hover {
text-decoration: underline;
}
.entry-header-comments .reply {
color: #a2a2ad;
font-size: 12px;
}
.entry-header-comments .reply a {
color: #a2a2ad;
border: 1px solid #a2a2ad;
text-decoration: none;
padding: 3px 6px;
margin: 10px 0 0 0;
display: inline-block;
}
.entry-header-comments .reply a:hover {
color: #fff;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.comment-date {
padding: 6px 0 0 0;
}
.comment-body {
border-bottom: 1px solid #ddd;
margin: 12px 0 24px 0px;
padding: 0 0 24px 0;
}
.comment-form-cookies-consent input {
float: left;
}
.comment-form-cookies-consent label {
width: 90%;
} #contact-form input, #contact-form textarea, #commentform input, #commentform textarea {
border: 1px solid #3b3b3d;
background: #fff;
padding: 5px 10px;
}
#commentform input {
display: block;
}
#commentform label {
font-weight: bold;
}
#commentform .required {
color: red;
}
.wpcf7 input[type=submit] {
cursor: pointer;
display: block;
font-size: 12px !important;
text-decoration: none;
color: #000;
padding: 7px 10px !important;
text-transform: uppercase;
background: white;
border: 1px solid #3b3b3d;
}
.wpcf7 input[type=submit]:hover {
background: #3b3b3d;
color: #fff;
border: 1px solid #3b3b3d;
}
.wpcf7 textarea {
width: 60%;
}
.wpcf7-response-output {
background: #e53b51;
border: 1px solid #e53b51 !important;
color: #fff;
padding: 0.8em !important;
margin: 0 0 1.5em 0 !important;
line-height: 1.6em;
border-radius: 4px !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
} .footer-content {
position: relative;
}
.footer-content .get-in-touch {
display: block;
margin: 0 0 0 20px;
padding: 0px 10px 0px 0px;
position: absolute;
top: -4px;
height: 40px;
width: 220px;
text-align: center;
color: #333;
font-size: 16px;
font-style: italic;
font-weight: 600;
line-height: 43px;
background: url(//hart.ca/wp-content/themes/charitas-wpl/images/get-in-touch.png) left top no-repeat;
}
.widget .menu-footer-column-menu-container ul li {
background: none !important;
padding: 2px 5px;
margin: 0px;
font-size: 16px;
}
div.menu-footer-column-menu-container {
background: none !important;
}
div.menu-footer-column-menu-container ul li a {
font-weight: normal;
}
div.menu-footer-column-menu-container ul, div.menu-footer-column-menu-container ul li:hover {
background: none !important;
}
div.menu-footer-column-menu-container ul li:hover {
background: #333 !important;
}
div.menu-footer-column-menu-container ul .current-menu-item {
background: #333 !important;
}
#colophon { background: #cbd4db;
color: #000;
font-size: 18px;
}
#colophon .widget-area {
padding-top: 55px;
padding-bottom: 40px;
}
.site-info {
color: #777;
background: rgba(0,0,0,0.20) !important;
border-top: 1px solid rgba(256,256,256,0.05);
}
#colophon aside {
width: 100%; float: left;
padding-right: 15px;
margin-right: 15px;
margin-bottom: 0px;
line-height: 133%;
}
#colophon aside:last-child {
margin-right: 0px;
}
#colophon aside h3 {
font-size: 22px;
margin-bottom: 5px;
font-weight: 600;
}
#colophon aside article.item {
margin: 0 0 20px 0;
}  .footer-navigation ul {
display: block;
margin: 0px !important;
padding: 0px;
}
.footer-navigation ul li {
display: inline-block;
}
.footer-navigation ul li a {
font-size: 13px;
margin-right: 10px;
}
.footer-navigation ul li a:hover {
text-decoration: underline;
}
.footer .address{
font-size: 16px;
}
div.currency_type button.flagca {
border: 2px solid #dbdbdb;
background-image: url(https://donate.hart.ca/images/canada_but.gif);
background-position: 50% 50%;
height: 80px;
width: 150px;
}
div.currency_type button.flagus {
border: 2px solid #dbdbdb;
background-image: url(https://donate.hart.ca/images/usa_but.gif);
background-position: 50% 50%;
height: 100%;
width: 150px;
}
div.currency_type button:hover.flagca, div.currency_type button:hover.flagus {
border: 2px solid #f90;
} .latest-tweets-body {
color: #fff;
margin-bottom: 24px;
}
.latest-tweets-body a {
color: #ffeef0;
text-decoration: none;
}
a.follow {
color: #fff;
border: 1px solid #fff;
padding: 6px 12px;
text-decoration: none;
}
.copy {
font-size: 13px;
}
.designby {
color: #fff;
margin: 10px 0;
text-align: right;
}
.designby a {
color: #fff;
}  a.buttonss,
a.buttonss:visited {
display: inline-block;
color: #fff !important;
text-decoration: none !important;
text-align: center;
font-family: Helvetica, Arial, Sans-serif;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
font-size: 14px;
outline: none;
font-weight: bold;
line-height: 1em;
padding: 7px 13px !important;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
border: 1px solid #0d507a !important;
margin: 0 1em 1.5em 0 !important;
vertical-align: middle;
background: #0c6fb1;
background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}
a.buttonss.square {
border-radius: 0px !important;
}
a.buttonss.round {
border-radius: 15px !important;
}
a.buttonss.medium {
padding: 11px 16px !important;
font-size: 16px;
border-radius: 20px;
}
a.buttonss.large {
padding: 15px 20px !important;
font-size: 18px;
border-radius: 20px;
}
a.buttonss:hover {
text-decoration: none;
}
a.buttonss:active {
position: relative;
top: 1px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
a.buttonss.green {
border-color: #2eb44b !important;
background: #2eb44b;
background: -o-linear-gradient(top, #2eb44b, #2eb44b);
}
a.buttonss.green:hover {
background: #8dd242;
background: -o-linear-gradient(top, #2eb44b, #5bb75b);
}
a.buttonss.light-blue {
border-color: #2681a2 !important;
background: #2caada;
background: -o-linear-gradient(top, #46cae8, #2caada);
}
a.buttonss.light-blue:hover {
background: #32bcef;
background: -o-linear-gradient(top, #2caada, #46cae8);
}
a.buttonss.blue {
border-color: #0d507a !important;
background: #0c6fb1;
background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}
a.buttonss.blue:hover {
background: #1188d6;
background: -o-linear-gradient(top, #0c6fb1, #14a7cf);
}
a.buttonss.red {
border-color: #e53b51 !important;
background: #e53b51;
background: -o-linear-gradient(top, #e53b51, #e53b51);
}
a.buttonss.red:hover {
background: #ff5e56;
background: -o-linear-gradient(top, #9E0D18, #e53b51);
}
a.buttonss.orange {
border-color: #f18d06 !important;
background: #f18d06;
background: -o-linear-gradient(top, #f18d06, #f18d06);
}
a.buttonss.orange:hover {
background: #ffb031;
background: -o-linear-gradient(top, #f18d06, #ffb031);
}
a.buttonss.purple {
border-color: #996192 !important;
background: #d17ac6;
background: -o-linear-gradient(top, #e3acdc, #d17ac6);
}
a.buttonss.purple:hover {
background: #eb90e0;
background: -o-linear-gradient(top, #d17ac6, #e3acdc);
}
a.buttonss.grey {
color: #555 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
border-color: #acacac !important;
background: #f3f3f3;
background: -o-linear-gradient(top, #ffffff, #f3f3f3);
}
a.buttonss.grey:hover {
background: #ffffff;
background: -o-linear-gradient(top, #e0dddd, #ffffff);
}
a.buttonss.black {
border-color: #323232 !important;
background: #444444;
background: -o-linear-gradient(top, #000, #444444);
}
a.buttonss.black:hover {
background: #000000;
background: -o-linear-gradient(top, #444444, #000000);
} i span {
margin-left: 6px;
} .alert.red a {
color: #fff;
}
.alert {
padding: 0.8em;
margin: 0 0 1.5em 0;
line-height: 1.6em;
border-radius: 4px !important;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.alert.white {
background: #fff;
border: 1px solid #dfdfdf;
color: #373737;
}
.alert.red {
background: #e53b51;
border: 1px solid #e53b51;
color: #fff;
}
.alert.yellow {
background: #f18d06;
border: 1px solid #f18d06;
color: #fff;
}
.alert.green {
background: #2eb44b;
border: 1px solid #2eb44b;
color: #fff;
}
.alert.blue {
background: #20a7ff;
border: 1px solid #20a7ff;
color: #fff;
}
.alert.grey {
background: #fbfbfb;
border: 1px solid #dfdfdf;
color: #373737;
} .wp-block-gallery {
margin-left: 0px;
}
.wp-block-quote {
margin-bottom: 20px;
}
.wp-block-quote cite {
font-style: italic; }
.wp-block-image {
max-width: 100%;
} .wp-block-image .alignleft {
margin-right: 20px;
} .wp-block-image .aligncenter { }
.wp-block-image .aligncenter img {
height: auto;
margin: 0 auto;
padding: 0px;
}
.wp-block-image .aligncenter figcaption {
display: block;
} .wp-block-image .alignright img {
padding: 0px 0px 15px 15px;
}  .flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0 auto;
padding: 0;
list-style: none;
}
.flex-control-nav {
z-index: 2;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
position: relative;
} .flexslider .slides img {
width: 100%;
display: block;
min-height:450px;
}
.flex-pauseplay span {
text-transform: capitalize;
} .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}  .no-js .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 0px;
background: #fff;
position: relative;
zoom: 1;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.loading {
min-height: 300px;
position: relative;
}
.loading:before {
position: absolute;
font-family: "Font Awesome 6 Free";
top: 50%;
left: 50%;
font-weight: 900;
content: "\f110";
font-size: 40px;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.flexslider .slides {
zoom: 1;
}
.carousel li {
margin-right: 5px;
} .flexslider .flex-direction-nav {
*height: 0;
text-align: center;
width: 100%;
display: block;
position: absolute;
bottom: 230px;
}
.flex-direction-nav a {
width: 50px;
height: 50px;
margin: -20px 0 0;
display: block;
background: url(//hart.ca/wp-content/themes/charitas-wpl/assets/images/bg_direction_nav.png) no-repeat 0 0;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 0;
-webkit-transition: all .3s ease;
}
.flex-direction-nav li {
position: relative;
max-width: 1172px;
margin: 0 auto;
}
.flex-direction-nav .flex-next {
background-position: 100% 0;
right: 5px;
}
.flex-direction-nav .flex-prev {
left: 5px;
}
.flexslider:hover .flex-next {
opacity: 0.8;
right: 5px;
}
.flexslider:hover .flex-prev {
opacity: 0.8;
left: 5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0.0 !important;
filter: alpha(opacity=30);
cursor: default;
} .flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
border-top: 3px;
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
border-radius: 20px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
padding: 3px auto;
position: absolute;
bottom: 20px;
overflow: hidden;
max-height: 156px;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-thumbs li {
max-width: 272px;
margin: 0 12px;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .6;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
.flex-caption-top {
position: absolute;
top: 7%;
left: 0;
width: 100%; }
.flex-caption {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height:100%;
} .flex-content {
margin: 0 auto;
} .flex-content h2 {
font-size: 32px;
color: #fff;
margin-bottom: 15px;
}
.button a, .button a:visited {
display: block;
color: #fff;
border-radius: 3px;
text-decoration: none;
font-weight: 700;
font-size: 18px;
background: #c00;
}
.button a.trans {
display: block;
color: #000;
border-radius: 3px;
text-decoration: none;
font-weight: 700;
font-size: 18px;
background: #FED501;
}
.flex-content .button a:hover {
color: #fff;
background: #f90 !important;
}
.slider-content {
background-color: rgba(0, 0, 0,.55);
z-index: 10;
} .flex-active-slide h1, .flex-title h1 {
font-size: 110px;
font-weight: 700;
font-family: 'Archivo Narrow', sans-serif;
color: #fff;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: 0s;
animation-delay: 0s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
text-shadow: 2px 2px #3c3c3c;
opacity: .7;
}
.flex-active-slide h2, .slider-content h2 {
font-size:50px;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: 0s;
animation-delay: 0s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
text-shadow: 1px 1px #3c3c3c;
}
.flex-active-slide .flex-button {
display: inline;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: 1s;
animation-delay: 1s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 2s;
animation-duration: 2s;
text-shadow: 1px 1px #3c3c3c;
}
.flex-active-slide .flex-button a.donate {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 2s;
animation-duration: 2s;
text-shadow: 1px 1px #3c3c3c;
}
.flex-active-slide .flex-button a.trans {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: 2s;
animation-delay: 2s; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 2s;
animation-duration: 2s;
text-shadow: 1px 1px #3c3c3c;
} .gallery-caption {
display: none;
}
.flex-active-slide .gallery-caption {
display: block;
position: absolute !important;
bottom: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.7);
width: 100%;
color: #fff;
}
.caption-margins {
margin: 20px;
} .checkbox {
vertical-align: top;
margin: 0 3px 0 0;
width: 17px;
height: 17px;
} .checkbox + label {
cursor: pointer;
}  .checkbox:not(checked) {
position: absolute;
opacity: 0;
}
.checkbox:not(checked) + label {
position: relative; padding: 0 0 0 3px; } .checkbox:not(checked) + label:before {
content: '';
position: absolute;
top: 15px;
left: 15px;
width: 90px;
height: 33px;
border-radius: 13px;
background: #eee;
box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
} .checkbox:not(checked) + label:after {
content: '';
position: absolute;
top: 18px;
left: 18px;
width: 27px;
height: 27px;
border-radius: 14px;
background: #07c;
box-shadow: 0 2px 5px rgba(0,0,0,.3);
transition: all .2s; } .checkbox:checked + label:before {
background: #9FD468;
} .checkbox:checked + label:after {
left: 75px;
} .checkbox:focus + label:before {
box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
.radio, .radio-r {
vertical-align: top;
width: 17px;
height: 17px;
margin: 0 3px 0 0;
}
.radio + label, .radio-r + label {
float: left;
width: 100%;
cursor: pointer;
opacity: 0.75;
}
.radio:checked + label, .radio-r:checked + label {
opacity: 1;
}
.radio:not(checked), .radio-r:not(checked) {
position: absolute;
opacity: 0;
}
.radio:not(checked) + label, .radio-r:not(checked) + label {
position: relative;
padding: 0 0 0 0px;
}
.radio:not(checked) + label:before {
content: '';
position: absolute;
top: 15px;
left: 15px;
width: 52px;
height: 52px;
border-radius: 50%;
background: #FFF;
}
.radio:not(checked) + label:after {
content: '';
position: absolute;
top: 18px;
left: 18px;
width: 46px;
height: 46px;
border-radius: 50%;
box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,.5);
transition: all .2s;
background: url(//hart.ca/wp-content/themes/charitas-wpl/images/hand-click.png) 50% 50% no-repeat;
background-color: #FFFF00;
}
.radio:checked + label:after {
content: '';
position: absolute;
top: 18px;
left: 18px;
width: 46px;
height: 46px;
border-radius: 50%;
background: #9FD468;
box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
transition: all .2s;
}
.radio-r:not(checked) + label:before {
content: '';
position: absolute;
top: 15px;
right: 15px;
width: 52px;
height: 52px;
border-radius: 50%;
background: #FFF;
}
.radio-r:not(checked) + label:after {
content: '';
position: absolute;
top: 18px;
right: 18px;
width: 46px;
height: 46px;
border-radius: 50%;
background: url(//hart.ca/wp-content/themes/charitas-wpl/images/hand-click.png) 50% 50% no-repeat;
background-color: #FFFF00;
box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,.5);
transition: all .2s;
}
.radio-r:checked + label:after {
content: '';
position: absolute;
top: 18px;
right: 18px;
width: 46px;
height: 46px;
border-radius: 50%;
background: #9FD468;
box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
transition: all .2s;
}
.radio:focus + label:before, .radio-r:focus + label:before {
box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
.sponsor-wth { margin: auto;
padding: 10px 25px;
background: #EEE;
border: 1px solid #ddd;
border-radius: 5px;
}
.sponsor-wth span {
display: inline-block;
margin: 0 10px 0 0;
width: 150px;
text-align: right;
}
.sponsor-wth strong {
color: red;
}
.sponsor-wth label, .sponsor-wth .donatenow label {
display: block;
margin: 10px 0;
text-align: center;
overflow: hidden;
width: 100%;
}
.sponsor-wth input[type="text"] {
padding: 5px;
width: 250px;
}
.sponsor-wth input[type="checkbox"] {
padding: 5px;
background: #f00;
}
.sponsor-wth p {
display: block;
margin: 10px auto;
clear: both;
}
.homepage_ub .title {
font-size: 55px;
color: #07d;
font-weight: 700;
line-height:40px;
}
.homepage_ub .desc {
font-size: 24px;
font-weight: 700;
}
.homepagePhraseDay {
padding: 0px;
text-align: center;
font-size: 26px;
font-family: 'Archivo Narrow', sans-serif;
color:#fff !important;
background: #0064DF;
}
.homepagePhraseDay strong {
font-family: 'Archivo Narrow', sans-serif;
}
input.send-button {
display: block;
margin: 10px 0;
padding: 5px 25px;
background: #669933;
border-radius: 3px;
padding: 8px 4px;
color: #fff;
text-align: center;
}
.file-upload {
position: relative; overflow: hidden; min-width: 120px; width: 50%;   
background: #07d;
border-radius: 3px;
padding: 8px 4px;
color: #fff;
text-align: center;
}
.file-upload:hover {
background: #c30;
}
.file-upload input[type="file"]{ padding: 2px;
color: #fc0; font-size: 15px;
}
.file-upload label { display: block; top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.file-upload span {
margin: 0 7px;
line-height: 30px;
float: left;
}
.switch-field-amount input[type=radio] {
display: none;
} .switch-field-amount input[type=radio]:checked + label {
background: #e10000;
color: #fff;
border: 1px solid #e10000;
}
.switch-field-amount label {
display: inline-block;
color: #fff;
font-weight: 600;
cursor: pointer;
padding: 0px 15px;
line-height: 34px;
border: 1px solid #fff;
border-radius: 5px;
user-select: none;
}
.input-amount {
display: block;
border: 1px solid #e5e5e5;
font-size: 1.2rem;
font-weight: 700;
padding: 0 15px;
color: #353535;
}
.form_radio_btn {
display: inline-block;
margin-right: 10px;
}
.form_radio_btn input[type=radio] {
display: none;
}
.form_radio_btn label {
display: inline-block;
color: #fff;
font-weight: 500;
cursor: pointer;
padding: 0px 15px;
line-height: 34px;
border: 1px solid #fff;
border-radius: 5px;
user-select: none;
} .form_radio_btn label:hover {
color: #fff;
background: #e10000;
}
.wp-block-uagb-separator-element {
white-space: nowrap;
}
@media screen and (max-width: 1200px) {
.flex-direction-nav {
display: none;
}
.flexslider .flex-direction-nav {
bottom: 80px;
}
.flex-control-thumbs {
display: none;
}
.flex-content .title, .flex-active-slide h1 {
width: 100%;
font-size: 40px;
line-height: normal;
}
.flex-content h2 {
width: 100%;
font-size: 18px;
}
.flex-caption { }
}
@media (max-width: 768px) {
.flex-caption { }
}
@media (max-width: 640px) {
.flexslider .flex-direction-nav {
display: none;
}
.flex-caption { }
}
@media (max-width: 480px) {
.flex-caption { }
.loading {
min-height: 100px;
}
.slog {display: none;}
.slog1 {display: none;}
}
@media (max-width: 320px) {
.flex-content h2 {display: none;}
} @media (max-width: 1920px) {
body, input, textarea { font-size: 22px; }
.teaser-page { min-height: 577px !important; }
.teaser-page-bg { min-height: 377px !important; }
}
@media (max-width: 1200px) {
#site-title img {
max-width: 100%;
height: auto;
}
.flex-button-red {
display: none;
}
.page-title {
font-size: 40px !important;
}
.entry-meta {
margin-top: 24px;
}
.event-info .buttons.facebook {
display: none;
}
.long-description iframe {
width: 98%;
height: auto;
}
.teaser-page, .teaser-page-bg { min-height: 377px !important; }
}
@media (max-width: 992px) {
.teaser-page, .teaser-page-bg { min-height: 300px !important; }
}
@media (max-width: 768px) {
body, input, textarea { font-size: 20px; }
#site-title img {
max-width: 100%;
height: auto;
}
.event-info .month-time {
margin-right: 24px;
}
.announce-body .margin {
margin: 0 24px;
}
.announce-body h1 {
font-size: 26px;
}
.announce-body h3 {
font-size: 18px;
}
#sticky_navigation .grid_5 {
width: 30%;
}
#sticky_navigation .grid_11 {
width: 45%;
}
#sticky_navigation {
position: relative !important;
min-height: 40px !important;
z-index: 999;
}
.latestnews-body .image {
width: 100%;
}
.latestnews-body .content {
width: 100%;
}
.long-description iframe {
width: 98%;
height: auto;
}
#site-title img {
max-width: 100%;
height: auto;
margin: 0 auto;
}
#branding hgroup {
width: 98% !important;
text-align: center;
}
.teaser-page-list .grid_10, .teaser-page .grid_10 {
text-align: center !important;
width: 98% !important;
}
.teaser-page-list .grid_10 .page-title, .teaser-page .grid_10 .page-title {
text-align: center !important;
margin-bottom: 0px;
}
.teaser-page-list .grid_6, .teaser-page .grid_6 {
width: 98% !important;
}
.teaser-page-list .grid_6 #rootline, .teaser-page .grid_6 #rootline {
text-align: center !important;
padding-bottom: 20px;
margin-top: 40px !important;
}
}
@media (max-width: 640px) {
.wp-image-13182 { height: auto !important;}
#site-title img {
max-width: 100%;
height: auto;
}
.flex-button-red {
display: inline-block;
}
.pagination {
padding-bottom: 48px;
}
.event-item figure {
width: 98%;
}
.latestnews-body .image {
width: 100%;
}
.latestnews-body .content {
width: 100%;
}
.widget-event-body .event-item figure {
width: 98% !important;
}
.widget-event-body .event-item {
width: 100% !important;
}
.designby {
float: left;
}
.square-info {
position: relative;
width: 100%;
}
.entry-content figure {
width: 98%;
}
.long-description iframe {
width: 98%;
height: auto;
min-height: 300px;
}
.square-info-margins {
margin: 24px 12px;
}
.event-info .month-time {
margin-right: 48px;
}
.candidate-about {
width: 98%;
margin-top: 48px;
}
.teaser-page .page-title {
margin-top: 14px;
}
.teaser-page, .teaser-page-bg { min-height: 237px !important;}
}
@media (max-width: 480px) {
h1 { font-size: 38px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
#site-title img {
max-width: 100%;
height: auto;
margin: 0 auto;
}
.slides .page-teaser {display: none;}
.event-info .month-time, .event-address {
width: 100%;
}
.event-address {
margin: 12px 0;
}
.event-location {
font-size: 20px;
line-height: normal;
}
.event-info .buttons.bookplace {
float: left;
margin-left: 0px;
}
#toolbar .tb-list .donate {
margin-bottom: 20px;
}
.short-content figure {
width: 98%;
}
.entry-meta .buttons.author {
display: none;
}
.slider-content {
display: none;
}
.site-navigation {
display: none;
}
.slider-content h1 {
font-size: 36px;
}
.home-teaser-page { height: 330px; }
.flex-title { font-size: 65px; line-height: 60px; }
.homepage_ub .title { font-size: 32px; }
.wp-block-uagb-separator-element { white-space: normal; }
.teaser-page, .teaser-page-bg { min-height: 237px !important }
}
@media (max-width: 320px) {
#site-title img {
max-width: 100%;
height: auto;
}
#toolbar .tb-list .share,
#toolbar .tb-list .rss,
#toolbar .tb-list .search {
display: none;
}
}
@media (min-width: 769px) {
.main-navigation {
display: block !important;
}
}  .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
text-decoration: none;
text-transform: uppercase;
background: #e53b51;
color: white;
border: none;
border-radius: 0;
padding: 10px 24px;
margin-bottom: 5px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background: #3b3b3d;
color: white;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.button.loading {
min-height: 0;
}
.widget-area .widget.woocommerce ul li {
padding: 2px 4px;
}
.woocommerce .widget_rating_filter ul li .star-rating {
vertical-align: middle;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #3b3b3d;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #e53b51;
}
.woocommerce #reviews #comments ol.commentlist .description {
margin: 0 0 1em;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
width: 160px;
}
.woocommerce.widget_shopping_cart ul.product_list_widget li a {
padding-left: 20px;
}
.woocommerce.widget_shopping_cart ul.product_list_widget li a.remove {
padding: 0;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
margin-bottom: 10px;
}
.woocommerce-product-gallery .flex-control-nav {
position: static;
background: none;
}
.woocommerce-product-gallery .flex-control-nav li img {
border-top: 3px solid transparent;
}
.woocommerce-product-gallery .flex-control-nav li img.flex-active {
border-top: 3px solid #e53b51;
}
.box-conten-margins a {
text-decoration: none !important;
font-size: 16px;
}
a.color-1,a:visited.color-1 { color: #333;}
a.color-2,a:visited.color-2 { color: #C43838;}
a.color-3,a:visited.color-3 { color: #006699;}
a.color-4,a:visited.color-4 { color: #5C4232;}
a.color-5,a:visited.color-5 { color: #971418;}
a.color-6,a:visited.color-6 { color: #339933;}
a.color-7,a:visited.color-7 { color: #BE8C00;}
a.color-8,a:visited.color-8 { color: #CB4545;}
a.bg-1,a:visited.bg-1 { background: #6bc39b; color: #fff;}
a.bg-2,a:visited.bg-2 { background: #48c2cd; color: #fff;}
a.bg-3,a:visited.bg-3 { background: #25a2da; color: #fff;}
a.bg-4,a:visited.bg-4 { background: #1b476c; color: #fff;}
a.bg-5,a:visited.bg-5 { background: #7c0c30; color: #fff;}
a.bg-6,a:visited.bg-6 { background: #d02b3b; color: #fff;}
a.bg-7,a:visited.bg-7 { background: #FF8000; color: #fff;}
a.bg-8,a:visited.bg-8 { background: #FECB02; color: #fff;}
a.bg-9,a:visited.bg-9 { background: #333; color: #fff;}
a:hover.bg-1,a:hover.bg-2,a:hover.bg-3,a:hover.bg-4,a:hover.bg-5,a:hover.bg-6,a:hover.bg-7,a:hover.bg-8{ background: #B43532!important; color: #fff!important;}
.wc-stripe-elements-field, .wc-stripe-iban-element-field, .stripe-card-group {
width: 100%;
}
article.item {
width: 270px;
margin: 0 10px 40px 10px;
-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.50);
box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.50);
background: #fff;
}
.tidage {
font-size: 24px;
}
article.item figure {
overflow: hidden;
margin: 0px;
width: 100%;
}
.box-conten-margins {
float: left;
width: 100%;
}
.box-conten-margins .entry-header {
padding: 10px 20px 0px 20px;
font-size: 18px;
font-weight: 600;
}
.box-conten-margins .home-header {
padding: 10px 20px 7px 20px;
font-size: 18px;
font-weight: 600;
}
.box-conten-margins .short-description {
padding: 0 20px 0px 20px;
background: #fff;
line-height: 18px;
min-height: 110px;
}
.box-content-ns {
min-height: 130px;
}
.box-conten-margins h1 {
line-height: 135%;
font-weight: 500;
}
.box-conten-margins h1 a{
text-decoration: none;
color: #333;
}
.box-conten-margins .position {
font-size: 13px;
margin-bottom: 20px;
font-size: 15px;
text-align: center;
}
.sponsor-this-child {
margin: auto;
background: #BFDFFB;
border: 1px solid #A9CCEA;
border-radius: 5px;
}
.sponsor-this-child .title {
display: block;
margin: 0 0 0px 0;
font-size: 24px;
font-weight: 600;
text-align: center; }
.sponsor-this-child .title1 {
display: block;
margin: 0 0 25px 0;
font-size: 20px;
font-weight: 600;
text-align: center; }
.sponsor-this-child span {
display: inline-block;
margin: 0 10px 0 0;
width: 100px;
text-align: right;
}
.sponsor-this-child strong { }
.sponsor-this-child label, .sponsor-this-child .donatenow label {
display: block;
margin: 3px 0;
text-align: center;
overflow: hidden;
width: 100%;
} .sponsor-this-child input[type="checkbox"] {
padding: 5px;
background: #f00;
}
.sponsor-this-child p {
display: block;
max-width: 280px;
margin: 25px auto;
clear: both;
}
.sponsor-this-child .donatenow p .make-donation {
max-width: 280px;
}
.sponsor-this-child form.donatenow {
display: block; overflow: hidden;
}
.sponsor-this-child .border label{
margin: 0px 0;
padding: 3px 0;
}
.sponsor-this-child .border label:hover{
background: #fc6;
cursor: pointer;
}
div.read-more-but div.su-expand-link-more  {
margin: 0px 0 20px 0;
float: left;
}
.su-note li {
padding: 0 0 15px 0;
}
.btn-cart {
color: #fff;
background-color: #3B4C5B;
border-color: #3B4C5B;
}
.btn-cart:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-canada {
color: #fff !important;
background-color: #FF381F;
border-color: #FF381F;
}
.btn-usa {
color: #fff !important;
background-color: #08e;
border-color: #08e;
}
.btn-canada:hover,.btn-usa:hover {
background-color: #B33431 !important;
border-color: #B33431;
}
img.size-small-thumb, img.size-projects-thumb {
width: 100%;
}
.doc-list figure {
width: 100%;
margin-bottom: 12px;
}
.doc-list h3 {
line-height: 1rem;
}
.doc-list h3 a {
color: #006ccc;
font-size: 18px;
font-weight: 700;
line-height: 1rem;
text-decoration: none;
}
.doc-list h3 a:hover {
text-decoration: underline;
}
.pub:hover .read-more-button {
color: #07d;
background: #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.pub a.more-button {
border: 1px solid #07d;
text-decoration: none;
display: inline-block;
}
.pub a.more-button:hover {
background: #0063AD;
color: #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.pub:hover .more-button {
color: #07d;
background: #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.pub a.read-more-button {
border: 1px solid #07d;
color: #07d;
text-decoration: none;
display: inline-block;
}
.pub a.read-more-button:hover {
background: #0063AD;
color: #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.pub a.more-button-full {
display: inline-block;
border: 1px solid #07d;
text-decoration: none;
background: #07d;
color: #fff;
}
.pub a.more-button-full:hover {
background: #0063AD;
color: #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.pub:hover .more-button-full {
color: #fff;
background: #07d;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.su-tabs-nav span {
font-size: inherit !important;
}
.su-tabs-pane {
font-size: inherit !important;
}
.cause-short-content {
border:1px solid #DEE2E6;
background: #F8F8F8;
}
.cause-short-content h2 a {
font-size: 20px;
text-decoration: none;
}
.cause-short-content a.read-more-button {
font-size: 14px !important;
background: #fff; }
div.designum{
position: absolute;
top: 0;
right: 0;
padding: 2px 7px 2px 7px;
color: #777;
background-color: rgba(255, 255, 255,.7);
font-size: 13px;
display: block;
z-index: 10;
}
.projects-list { background: #f0f4f7;
}
.projects-list img.size-small-thumb {
width: 100%;
}
.projects-list a.more-button {
color: #000;
font-size: 15px;
border: 1px solid #000;
text-decoration: none;
}
.projects-list a:hover.more-button {
color: #fff;
font-size: 15px;
border: 1px solid #FF9900;
background: #FF9900;
}
.projects-list h3 a {
color: #000;
font-family: 'Archivo Narrow', sans-serif;
text-decoration: none;
}
.projects-list .short-text {
font-size: 20px;
line-height: 24px;
font-family: 'Archivo Narrow', sans-serif;
}
.addtocart {
color:#333;
font-size: 20px;
font-weight: bold;
}
.btn-donate {
background: #c90802; color: #fff; }
.btn-donate:hover {
background: #f90;
color: #fff;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.donate-single-box {
box-shadow: 0 0 0 1px rgba(0, 0, 0, .035), 0 4px 17px rgba(0, 0, 0, .45);
}
div.blue-sponsor-now {
display: block;
margin: 0 0 0 0;
padding: 3px 10% 3% 10%;
background: #d1ecff;
border-left: 1px solid #006ab6;
border-right: 1px solid #006ab6;
border-bottom: 1px solid #006ab6;
}
div.blue-sponsor-now .title{
display: block;
margin: 15px 0 0 0;
padding: 0px; font-weight: bold;
}
div.blue-sponsor-now-title {
background: #0060aa;
text-align: center;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #fff;
}
div.blue-sponsor-now-title h3{
color:#fff !important;
font-size: 18px;
font-weight: 600;
margin:0px 0;
padding: 15px 0;
}
div.blue-sponsor-now label:hover{
background: #FECF63;
cursor: pointer;
}
div.blue-sponsor-now input[type=radio]{
display: inline-block;
margin: 0 7px 0 0;
}
div.blue-sponsor-now input[type=text]{
display: inline;
padding: 1px;
width: 50%;
font-size: 15px;
}
div.blue-sponsor-now label span{
padding: 0 3px;
font-size: 16px;
}
div.blue-sponsor-now label input:checked +span{
background: #FECF63 ;
}
div.blue-sponsor-now textarea{
padding: 3px;
font-size: 0.9em
}
div.blue-sponsor-now label.donate-radio, div.blue-sponsor-now label.single-donate-radio {
display: block;
float: none;
margin: 5px 0 5px 1%;
padding: 1px 0px 1px 10px;
}
.cart {
background: #F3F3F3;
border: 1px solid #ddd;
color: #333;
}
.cart .title {
font-size: 18px; }
.cart .projects {
font-size: 16px;
}
.cart .total {
font-size: 28px;
font-weight: 600;
}
input.donate-now {
color: #fff; background: #cb0700;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
border-radius: 3px;
}
input.donate-now:hover {
background: #f90;
color: #fff;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.staff-item div.su-column img, figure.staff-item img {
padding: 4%;
border: 1px solid #D9D9D9;
border-radius: 5px;
}
.involve-wrap {
position: relative;
}
.involve-wrap:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 75%;
background-color: #ddd;
}
.py-50 {
padding: 50px 0;
}
.py-60 {
padding: 60px 0;
}
.donatehp .title {
font-family: 'Archivo Narrow', sans-serif;
font-size:38px;
font-weight: 700;
color: #006ccc;
text-shadow: 1px 1px #3c3c3c;
}
.fs-13 {
font-size: 13px;
}
.fs-14 {
font-size: 14px;
}
.fs-15 {
font-size: 15px;
}
.fs-16 {
font-size: 16px;
}
.fs-18 {
font-size: 18px;
}
.fs-20 {
font-size: 20px;
}
.fs-22 {
font-size: 22px;
}
.fs-24 {
font-size: 24px;
}