/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

// Date: 10/01/18
// Authors: Mona and Alex @ Team StepUp
// Website: IPPI.ORG.IL

*/

/* TABLE OF CONTENTS
    01. COLORS
    02. TYPOGRAPHY
    03. GENERAL
        03.1 PAGINTATION
        03.2 FLEX
    04. HEADER
        04.1 FULL WIDTH TEMPLATE HEADER AND BREAD CRUMBS
    05. FOOTER
        05.1 SCROLL TO TOP BUTTON
    06. BUTTONS
    07. FORMS
    08. PRO EDITOR ELEMENTS
    09. CUSTOM ELEMENTS
    10. POSTS & PAGES
        10.1 PUBLICATIONS ARCHIVE
        10.2 PUBLICATIONS POST

*/


/**--------------------------------------------------- 01. COLORS ---------------------------------------------------**/

:root {
    --brand-primary: #d60a47;
    --brand-secondary: #999;
}

.primary-text {
    color: var(--brand-primary) !important;
}

.secondary-text {
    color: var(--brand-secondary) !important;
}

/**--------------------------------------------------- 02. TYPOGRAPHY ---------------------------------------------------**/

h1, .h1 {font-size: 3.75rem; line-height: ;}
h2, .h2 {font-size: 2.75rem; line-height: ;}
h3, .h3 {font-size: 1.75rem; line-height: ;}
h4, .h4 {font-size: 1.375rem; line-height: ;}
h5, .h5 {font-size: 1rem; line-height: ;}
h6, .h6 {font-size: 0.875rem; line-height: ;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-top: 0em;}
/* @media (max-width: 767px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {hyphens: auto;} } */

/* .rtl h1, .rtl .h1,
.rtl h2, .rtl .h2,
.rtl h3, .rtl .h3,
.rtl h4, .rtl .h4,
.rtl h5, .rtl .h5,
.rtl h6, .rtl .h6 { font-family: 'Assistant', sans-serif !important; } */

/* @media (max-width: 767px) { p { font-size: 16px; } } */

.x-text-headline .x-text-content, .suce-headings[class*="suce-headings-type-"], #e83-8-modal { font-size: 14px; }
@media (min-width: 480px) { .x-text-headline .x-text-content, .suce-headings[class*="suce-headings-type-"], #e83-8-modal { font-size: 16px; } }
@media (min-width: 767px) { .x-text-headline .x-text-content, .suce-headings[class*="suce-headings-type-"], #e83-8-modal { font-size: 18px; } }
@media (min-width: 979px) { .x-text-headline .x-text-content, .suce-headings[class*="suce-headings-type-"], #e83-8-modal { font-size: 20px; } }
@media (min-width: 1200px) { .x-text-headline .x-text-content, .suce-headings[class*="suce-headings-type-"], #e83-8-modal { font-size: 20px; } }

/*Custom Headlines*/

/* .suce-headings.suce-headings-type-1 .x-text-headline .x-text-content-text-primary, .suce-headings.suce-headings-type-2 .x-text-headline .x-text-content-text-primary, .suce-headings.suce-headings-type-3 .x-text-headline .x-text-content-text-primary, .suce-headings.suce-headings-type-4 .x-text-headline .x-text-content-text-primary, .suce-headings.suce-headings-type-5 .x-text-headline .x-text-content-text-primary, .suce-headings.suce-headings-type-6 .x-text-headline .x-text-content-text-primary, .suce-headings.suce-headings-type-7 .x-text-headline .x-text-content-text-primary {
    font-family: 'montserrat', sans-serif;
}

.suce-headings.suce-headings-type-6 .x-text-headline .x-text-content-text-primary, .suce-headings.suce-headings-type-5 .x-text-headline .x-text-content-text-primary {
    font-size: 3em;
} */

/**--------------------------------------------------- 03. GENERAL ---------------------------------------------------**/


hr {
    border-top: 1px solid #f1f1f1;
}

::selection {
    background-color: rgba(214,10,71,0.75);
    color: #fff;
}

p a:hover {
    text-decoration: underline !important;
}

.x-img {
    margin-bottom: 1em;
}

/* 03.1 PAGINTATION */

.x-pagination a, .x-pagination span {
    height: 35px;
    width: 35px;
    font-size: 35px;
    line-height: 36px;
    margin: 0 20px;
}

.x-pagination .wpv-pagination-nav-links-container {
    background: none;
}

.x-pagination li a,
.x-pagination li span {
    font-weight: bold;
    color: #000;
    background: none;
}

.x-pagination li a:hover,
.x-pagination li.wpv_page_current span {
    color: var(--brand-primary);
    background: none;
    box-shadow: none;
}

/* 03.2 FLEX */

/* @media (min-width: 767px){
    .flex-row {
        display: flex;
        display: -webkit-flex;
    }
} */

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    flex-flow: row wrap;
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    flex-flow: column wrap;
}

.align-self-center {
    align-self: center;
}

.align-items-center {
    align-items: center;
}

.x-masthead {
    z-index: 100;
}


/* 03.3 SCROLL TO TOP BUTTON */

.x-icon-angle-up {margin-top: 8px;}

.x-scroll-top {
	width: 50px;
	height: 50px;
    border-radius: 0px;
    border-color: #d60a47;
	background-color: #d60a47;
	color: #fff;	
}

.x-scroll-top:hover {
    cursor: pointer;
    color: #fff;
    background-color: #ddd;
    border-color: #ddd;
}




.page-template-template-blank-1 .x-bar.custom-page-header,
.page-template-template-blank-2 .x-bar.custom-page-header,
.page-template-template-blank-3 .x-bar.custom-page-header,
.page-template-template-blank-4 .x-bar.custom-page-header,
.page-template-template-blank-5 .x-bar.custom-page-header,
.page-template-template-blank-6 .x-bar.custom-page-header,
.page-template-template-blank-7 .x-bar.custom-page-header,
.page-template-template-blank-8 .x-bar.custom-page-header,
.single-fellowship .x-bar.custom-page-header,
.single-program .x-bar.custom-page-header {
    display: none;
}


/**--------------------------------------------------- 05. Footer ---------------------------------------------------**/

.x-colophon p {
    color: #fff;
}

.x-colophon a {
    color: #fff;
}

.x-colophon a:hover {
    color: #d60a47;
}

.x-colophon .h-widget {
    color: #fff;
    font-size: 130%;
}

.x-colophon .x-bar-widget-area {
    width: 100%;
}

.x-colophon .widget ul li, .x-colophon .widget ul, .x-colphon .widget_nav_menu ul>li, .x-colphon .widget_nav_menu ul {
    background-color: transparent;
    border: 0px;
}



.social-icn {
    font-size: 40px;
    margin-right: 20px;
    color: #fff;
}

.social-icn:hover {
    color: #d60a47;
}

/*Footer Menu*/

.widget_nav_menu .current-menu-item>a:after {
    display: none;
}
.rtl .widget_nav_menu .current-menu-item>a:before {
    content: "\f053";
    display: inline-block;
    margin-left: 0.45em;
    font-size: 0.8em;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.widget_nav_menu .current-menu-item>a:before {
    content: "\f054";
    display: inline-block;
    margin-left: 0.45em;
    font-size: 0.8em;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.x-bar-footer ul {margin: 0 0 1.313em 0 !important;}

/**--------------------------------------------------- 06. BUTTONS ---------------------------------------------------**/

.x-btn, .button, [type="submit"]{
    text-shadow: none !important;
    border: 2px solid !important;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0px !imoortant;
    
}

.x-btn:hover, .button:hover, [type="submit"]:hover{
    text-shadow: none !important;
    border: 2px solid #000000 !important;
}

/*BUTTONS PADDING*/

.x-btn, .button, [type="submit"] { padding: 0.813em 1.125em 0.813em !important; }
.x-btn.x-btn-jumbo { padding: 0.786em 1.429em 0.786em; }
.x-btn.x-btn-x-large { padding: 0.857em 1.286em 0.857em; }
.x-btn.x-btn-large { padding: 0.842em 1.105em 0.842em; }
.x-btn.x-btn-regular { padding: 0.813em 1.125em 0.813em; }
.x-btn.x-btn-small { padding: 0.643em 1.143em 0.643em; }
.x-btn.x-btn-mini { padding: 0.385em 0.923em 0.538em; }




/**--------------------------------------------------- 07. FORMS ---------------------------------------------------**/

body .gform_wrapper .gform_body ul.gform_fields li.gfield select, body .gform_wrapper .gform_body ul.gform_fields li.gfield textarea, body .gform_wrapper .gform_body ul.gform_fields li.gfield input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']) {
    font-size: 20px;
}

/* Regular Form*/

.gform_wrapper .ginput_container input[type="text"], .gform_wrapper .ginput_container input[type="select"], .gform_wrapper .gform_body ul.gform_fields li.gfield textarea {
    width: 100% !important;
    border: none;
    border-bottom: 2px solid;
    background: none;
    color: #000;
}

.gform_wrapper .ginput_container input[type="text"]:active, .gform_wrapper .ginput_container input[type="text"]:focus, .gform_wrapper .gform_body ul.gform_fields li.gfield textarea:focus  {
    color: #d60a47;
}

.gform_wrapper input[type="text"]::-webkit-input-placeholder,
.gform_wrapper input[type="text"]::-webkit-input-placeholder,
.gform_wrapper .gform_body ul.gform_fields li.gfield textarea::-webkit-input-placeholder {
    color: #000;
}

.gform_wrapper input[type="text"]::-moz-placeholder,
.gform_wrapper input[type="text"]::-moz-placeholder {
    color: #000;
}

.gform_wrapper input[type="text"]:-ms-input-placeholder,
.gform_wrapper .gf_light input[type="text"]:-ms-input-placeholder {
    color: #000;
}

.gform_wrapper input[type="text"]:-moz-placeholder,
.gform_wrapper input[type="text"]:-moz-placeholder {
    color: #000;
}

select {border-radius: 0px !important;}

.gform_wrapper select {border: 0px; border-bottom: 2px solid black;}

body .gform_wrapper ul.top_label li ul.gfield_radio li label, body .gform_wrapper ul.top_label li ul.gfield_checkbox li label, body .gform_wrapper ul.left_label li ul.gfield_radio li label, body .gform_wrapper ul.left_label li ul.gfield_checkbox li label, body .gform_wrapper ul.right_label li ul.gfield_radio li label, body .gform_wrapper ul.right_label li ul.gfield_checkbox li label {
    font-weight: 300 !important;
}

/*Error Messages-darkform*/

body .gform_wrapper div.validation_error {
    color: red;
}

body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error .gfield_label, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error ul.gfield_radio, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error .gfield_required, body .gform_wrapper  .gform_body ul.gform_fields li.gfield.gfield_error ul.gfield_checkbox, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error .gfield_description, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error div.ginput_complex.ginput_container label {
    color: red;
    padding: 0px;
}


body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error select, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error textarea, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    border-color: red;
}

body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: 0px;
}



/* Light Form*/

.gform_wrapper .gf_light .top_label .gfield_label,
.gform_wrapper .gf_light,
.gform_wrapper .gf_light .gform_title,
.gform_wrapper .gf_light .gfield_required {
    color: #FFF !important;
}

.gform_wrapper .gf_light .ginput_container input[type="text"] {
    width: 100% !important;
    color: #FFF;
    border: none;
    border-bottom: 2px solid;
    background: none;
}

.gform_wrapper .gf_light input[type="text"]::-webkit-input-placeholder,
.gform_wrapper .gf_light input[type="text"]::-webkit-input-placeholder {
    color: #FFF;
}

.gform_wrapper .gf_light input[type="text"]::-moz-placeholder,
.gform_wrapper .gf_light input[type="text"]::-moz-placeholder {
    color: #FFF;
}

.gform_wrapper .gf_light input[type="text"]:-ms-input-placeholder,
.gform_wrapper .gf_light input[type="text"]:-ms-input-placeholder {
    color: #FFF;
}

.gform_wrapper .gf_light input[type="text"]:-moz-placeholder,
.gform_wrapper .gf_light input[type="text"]:-moz-placeholder {
    color: #FFF;
}

.gform_wrapper .gf_light .gform_button {
    margin-bottom: 0;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    border-color: #FFF;
    font-size: 18px !important;
}

.gform_wrapper .gf_light .gform_button:hover {
    color: #000;
    background: #FFF;
    border: 2px solid #fff !important;
}

.gform_wrapper .gf_brand .gform_button:hover {
    color: var(--brand-primary);
}

/*Error Messages-lightform*/

body .gform_wrapper .gf_light div.validation_error {
    color: yellow;
}

body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error .gfield_label, body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error ul.gfield_radio, body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error .gfield_required, body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error ul.gfield_checkbox, body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error .gfield_description, body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error div.ginput_complex.ginput_container label {
    color: yellow;
    padding: 0px;
}


body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error select, body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error textarea, body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    border-color: yellow;
}

body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error, body .gform_wrapper .gf_light .gform_body ul.gform_fields li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: 0px;
}


/* Footer Subscription */

#gform_2 {
    margin: 0;
}

#gform_2 .gform_body {
    width: 100%;
}

#gform_wrapper_3 {
    height: 100%;
    margin: .5em;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    background: var(--brand-primary);
}

/* Stay Updated */

#gform_3 {
    width: 100%;
    margin: 40px;
    text-align: center;
}

#gform_3 .gform_title {
    margin-bottom: 20px;
}

#field_3_1 {
    margin-top: 40px;
    padding-right: 0;
}


/* Date Picker Styling*/


.ui-datepicker{
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)!important;
border-radius: 10px;
padding: 2em;
background-color: #fff;
width: 264px;
}

.ui-datepicker-header{
background-color: #fff!important;
border: 0px !important;
}

.ui-datepicker-header select{
background-color: #fff!important;
color: #000!important;
border: 0!important;

}

.ui-datepicker-month{
margin: 5px 5px 6px 0px!important;
}

.ui-datepicker-year{
margin: 5px 0px 6px 0px!important;
}

.ui-datepicker-prev {
background-position: center -20px!important;
}

.ui-datepicker-next {
background-position: center 9px!important;
}

.ui-datepicker-calendar .ui-state-default{
background: #fff!important;
}

td.ui-datepicker-unselectable.ui-state-disabled{
background-color: #eee!important;
}

.ui-datepicker-calendar .ui-state-active{
border: 1px solid #dbc1ac!important;
box-shadow: none!important;
background: #dbc1ac!important;
margin: 0!important;
text-shadow: none!important;
color: #fff!important;
}

.ui-datepicker th {
    color: #000 !important;
    text-shadow: none !important;
}

.ui-datepicker tbody td {
    border: 0px !important;
}

.ui-datepicker thead { 
    background-image: none !important;
    background-color: #fff !important;
}

td.ui-datepicker-unselectable.ui-state-disabled { background-color: #fff !important;}

.ui-datepicker td a, .ui-datepicker td span { 
    text-shadow: none !important;
    color: #000 !important;
}

a.ui-state-default:hover {
    color: #d60a47 !important;
}

.ui-datepicker tbody tr, .ui-datepicker thead {
    border: 0px !important;
}

/**--------------------------------------------------- 07. PRO EDITOR ELEMENTS ---------------------------------------------------**/



/* 07.1 Accordion */

.x-accordion-inner {
	border-top: none;
}

.x-accordion-group {
	border: none;
	border-top: 2px solid #000;
	margin: 0;
}

.x-accordion:last-child {
    border-bottom: 2px solid #000;
}

.x-accordion-heading{background-color: #fff;}
.x-accordion-heading .x-accordion-toggle {
    background-color: #f6f6f6; 
    font-size: 18px; 
    padding: 20px 15px;

}

.x-accordion-heading .x-accordion-toggle:hover {
	background-color: #f6f6f6;
	color: #d60a47;
}

.x-accordion-heading .x-accordion-toggle:focus {background-color: #f6f6f6; font-weight: 700;}
.x-accordion-heading .x-accordion-toggle.collapsed:before {color: #000;}
.x-accordion-heading .x-accordion-toggle:hover:before {color:#d60a47;}

.x-accordion-toggle {font-weight: bolder;}
.x-accordion-toggle .collapsed {font-weight: 400;}

/*.x-accordion-heading .x-accordion-toggle:before {
	content: "\f00d" !important;
	float: right;
	bottom: 0;
	font-size: 120%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	/*-webkit-transition: none;
	transition: none;*/


.x-accordion-inner {
    padding: 35px 15px;
}


/* 07.2 TABS */

.x-tab-content {
    border: 0px;
}

.x-nav-tabs {
    border: 0px solid;
}

.x-nav-tabs.top>.active>a, .x-nav-tabs.top>.active>a:hover {
    border-left: 0px;
    border-top: 2px solid #000;
}

.x-nav-tabs>li>a {
    font-size: 1rem;
    font-weight: 700;
    font-family: 'montserrat', sans-serif;
    text-transform: uppercase;
}

.x-nav-tabs>li>a {
    background-color: #fff;
}

/*.x-nav-tabs>li>a {
    padding: 1.5em 1em;
}*/

/* 07.3 CALL OUT */


.x-callout {
    background-color: #fff;
    margin: 0px;
}

.x-callout:before {
    border: 3px solid black;
}

.h-callout {
    font-size: 1.6em;
}


.x-callout .x-btn [class*="x-icon-"] {
    float: right !important;
    margin-right: 0px !important;
    margin-left: 8px !important;
}

/* 07.4 FEATURE BOX */

.x-feature-box-title {
    font-size: 1em;
    font-weight: 700;
}

.what-we-do .x-feature-box-title {
    font-weight: 300;
}

/*UA TESTIMONIALS CAROUSEL*/

.ua-testimonials .testimonial1 .testimonial-carousel-holder .testimonial-user .testimonial-thumb,
.ua-testimonials .testimonial2 .testimonial-carousel-holder .testimonial-user .testimonial-thumb,
.ua-testimonial-carousel-holder.testimonial3 .testimonial-carousel-holder .testimonial-user .testimonial-thumb,
.ua-testimonials .testimonial4 .testimonial-carousel-holder .testimonial-user .testimonial-thumb,
.ua-testimonials .testimonial5 .testimonial-carousel-holder .testimonial-user .testimonial-thumb,
.ua-testimonials .testimonial6 .testimonial-carousel-holder .testimonial-user .testimonial-thumb,
.ua-testimonials .testimonial7 .testimonial-carousel-holder .testimonial-user .testimonial-thumb {
    height: 100px;
    width: 100px;
    max-height: 100px;
    max-width: 100px;
}

.ua-testimonials .testimonial1 .testimonial-user .testimonial-desc .t-desc-primary,
.ua-testimonials .testimonial2 .testimonial-user .testimonial-desc .t-desc-primary,
.ua-testimonial-carousel-holder.testimonial3 .testimonial-user .testimonial-desc .t-desc-primary,
.ua-testimonials .testimonial4 .testimonial-user .testimonial-desc .t-desc-primary,
.ua-testimonials .testimonial5 .testimonial-user .testimonial-desc .t-desc-primary,
.ua-testimonials .testimonial6 .testimonial-user .testimonial-desc .t-desc-primary,
.ua-testimonials .testimonial7 .testimonial-user .testimonial-desc .t-desc-primary {
    font-size: 18px;
    font-family: 'montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}

.ua-testimonials .testimonial1 .testimonial-user .testimonial-desc .t-desc-sec,
.ua-testimonials .testimonial2 .testimonial-user .testimonial-desc .t-desc-sec,
.ua-testimonial-carousel-holder.testimonial3 .testimonial-user .testimonial-desc .t-desc-sec,
.ua-testimonials .testimonial4 .testimonial-user .testimonial-desc .t-desc-sec,
.ua-testimonials .testimonial5 .testimonial-user .testimonial-desc .t-desc-sec,
.ua-testimonials .testimonial6 .testimonial-user .testimonial-desc .t-desc-sec,
.ua-testimonials .testimonial7 .testimonial-user .testimonial-desc .t-desc-sec {
    font-size: 16px;
    font-weight: 300;
    color: #000;

}

.ua-testimonials .testimonial1 .testimonial-content p,
.ua-testimonials .testimonial2 .testimonial-content p,
.ua-testimonial-carousel-holder.testimonial3 .testimonial-content p,
.ua-testimonials .testimonial4 .testimonial-content p,
.ua-testimonials .testimonial5 .testimonial-content p,
.ua-testimonials .testimonial6 .testimonial-content p,
.ua-testimonials .testimonial7 .testimonial-content p {
    color: #000;
}

/**--------------------------------------------------- 10. POSTS & PAGES ---------------------------------------------------**/

/* FIXES */

.single .h-fl.h-fl-5,
.single-post .custom-page-header,
.single-our-network .custom-page-header,
/* .category .e83-8, */
[class*="single-"] .x-crumbs .x-crumbs-list-item:nth-of-type(3),
[class*="single-"] .x-crumbs .x-crumbs-list-item:nth-of-type(2) .x-crumbs-delimiter,
/* [class*="category-"] .x-crumbs .x-crumbs-list-item:nth-of-type(3), */
.archive .x-pagination,
.blog .x-pagination {
    display: none;
}

.js-wpv-view-layout .wpv-filter-form {
    display: none;
}

.h-custom-headline.accent span::before,
.h-custom-headline.accent span::after {
    background-color: #000; 
}

.wpv-author {
    display: inline-block; margin-right: 5px;
}

.wpv-post {
    height: 100%;
    min-height: 350px;
    display: block;
}

.wpv-post,
.wpv-post-alt {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.wpv-post:hover,
.wpv-post-alt:hover {
    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    -moz=box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
}

.wpv-post .wpv-post-featured-image {
    height: 250px;
    display: block;
    cursor: pointer;
}

.wpv-post-alt .wpv-post-featured-image {
    display: block;
    position: relative;
}

.wpv-post-alt .wpv-post-featured-image svg {
    width: 96%;
    position: absolute;
    top: -12%;
    left: 2%;
    z-index: 1;
}

.wpv-post-alt.wpv-overlay .wpv-post-featured-image {
    overflow: visible;
}

.wpv-post-cat {
    font-size: .9em;
}

h4.mbn.wpv-post-content-title {
    font-size: 0.9em;
}

.wpv-post-content p{
    font-size: 0.8em;
    line-height: 26px;
}

@media (max-width: 767px) {
    .wpv-post-alt .wpv-post-content {
        margin-top: 7%;
    }
}

.wpv-post .wpv-post-featured-image img {
    height: 100%;
    object-fit: cover;
    outline: 1px solid #FFF;
    outline-offset: -8px;
}

.wp-post-image {
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.wpv-post-alt .wp-post-image {
    height: 444px;
    width: auto;
    object-fit: cover;
}

a .wpv-post-content-title:hover {
    color: var(--brand-primary);
}

.wpv-overlay .wpv-post-featured-image {
    overflow: hidden;
    position: relative;
}

.wpv-overlay .wpv-post-featured-image::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .3;
    background: none;
    mix-blend-mode: overlay;

    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.wpv-overlay:hover .wpv-post-featured-image::after {
    //background: var(--brand-primary);
    background: #FFF;
}

article.wpv-post {
    padding: 0.8em !important;
}

/* 10.1 PUBLICATIONS ARCHIVE */

.publications-read-more {
    padding: .5em;
}

.publications-read-more li:first-child {
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--brand-primary);
}

.publications-read-more li + li {
    padding: 7px 0;
    font-size: 1.125rem;
}

.publications-read-more a {
    color: #000;
}

.publications-read-more a:hover {
    color: var(--brand-primary);
}

/* 10.2 PUBLICATIONS POST */

.single-post .x-masthead {
    //border-bottom: 1px solid #DDD;
}

/* .single-post .x-masthead::after {
    content: "";
    width: 50%;
    height: 5px;
    margin-bottom: -3px;
    display: block;
    background: var(--brand-primary);
} */

.single-post .x-container.max.width.offset {
    margin-top: 0;
}


@media (max-width: 767px) {
    .single-post .post-title {
        font-size: 1.8em;
    }

    .single-post .post-meta strong {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block;
    }
}

.wpv-page-title-alt img {
    height: 550px;
    object-fit: cover;
}

.full-publication {
    color: #FFF;
    background-color: var(--brand-primary);
}

.full-publication h3 {
    color: #FFF;
}

.full-publication .attachment-full {
    /* width: 100%; */

    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
}

.full-publication input#choice_4_6_1 {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.full-publication label#label_4_6_1 {
    font-weight: normal;
    display: flex;
    align-items: center;
}

.full-publication label#label_4_6_1::before {
    content: "";
    width: 13px;
    height: 13px;
    margin-right: 5px;
    color: #FFF;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFF;
}

.full-publication input#choice_4_6_1:checked + label#label_4_6_1::before {
    content: "\2713";
}


/* 10.3 OUR NETWORK */

[class*="our-network"] .container-fluid  {
    padding: 0;
}

[class*="our-network"] .ddl-full-width-row>[class*="col-"]:first-child {
    padding-left: 15px;
}

[class*="our-network"] .ddl-full-width-row>[class*="col-"]:last-child {
    padding-right: 15px;
}

.wpv-our-network:hover h5 {
    color: var(--brand-primary);
}

.wpv-our-network .wpv-post-featured-image {
    max-width: 190px;
    margin: 0 auto;
    border-radius: 100em;
}

.wpv-our-network .wpv-our-network-name {
    font-size: .8em;
}

.wpv-our-network .wpv-our-network-title {
    font-size: .8em;
    line-height: 1.5;
}


.wpv-our-network .wpv-post-featured-image img {
    max-height: 190px;
    object-fit: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.post-type-archive-our-network {
    overflow: visible;
    overflow: unset;
    overflow: initial;
}

#our-network-nav > .js-wpv-view-layout {
    position: sticky;
    position: -webkit-sticky;
    top: 10%;
}

@media (max-width: 991px) {
    .our-network-nav {
        text-align: center;
    }
}

.our-network-nav li + li {
    padding-top: 14px;
    font-size: 1.125rem;
}

.our-network-nav a {
    color: #000;
}

.our-network-nav a:hover {
    color: var(--brand-primary);
}

.single-our-network .social-links .x-icon {
    color: var(--brand-secondary);
}

.single-our-network .social-links .x-icon.x-icon-twitter:hover {
    color: #1DA1F2;
}

.single-our-network .social-links .x-icon.x-icon-envelope-o:hover {
    color: #F8AE47;
}

.single-our-network .social-links .x-icon.x-icon-linkedin:hover {
    color: #0077B5;
}

.single-our-network .x-img-circle.wp-post-image {
    max-height: 190px;
    max-width: 190px;
}

/* 10.4 CATEGORY */

.category .x-masthead + .x-container {
    margin-top: 0;
}

.category .category-icon {
    width: 150px;
    height: 150px;
    position: absolute;
    right: 0;
    bottom: -75px;
    z-index: 1;
}

.category .category-icon svg circle {
    stroke: var(--brand-primary);
    stroke-width: .75;
}

/* 10.5 FELLOWSHIPS SINGLE */

.single-fellowship .entry-content {
    margin-top: 0px;
}

h6.x-text-content-text-secondary {
    margin-top: 1em !important;
}

h1.x-text-content-text-primary {
    line-height: 1.2 !important;
}

/* 10.6 HOMEPAGE */

#mep_0 { position: static; }

.home .x-video .x-video-inner video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: bottom;
}

@media (min-width: 768px) {
    .home .e90-1 .x-bg-layer-upper-image,
    .home .e853-1 .x-bg-layer-upper-image {
        display: none;
    }
}

@media (max-width: 767px) {
    .home:not(.rtl) .suce-headings.suce-headings-type-7 .x-text-headline .x-text-content-text-primary {
        font-size: 3em;
    }

    .home .e90-1.x-section,
    .home .e853-1.x-section {
        padding-bottom: 40%;
    }

    .home .e90-1 .x-bg-layer-lower-video,
    .home .e853-1 .x-bg-layer-lower-video {
        display: none;
    }
}

.home .x-feature-box {
    height: 100%;
    padding: 1em;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    flex-flow: column wrap;
    align-items: center;
    justify-content: center;

    position: relative;
}

.home .x-feature-box .x-feature-box-text a {
    color: transparent;
    text-decoration: none;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home .x-feature-box:hover .x-feature-box-title {
    color: var(--brand-primary);
}

.home .x-feature-box:hover .x-feature-box-text a {
    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    -moz=box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25);
}

/* 10.7 ISSUE AREAS */

.page-id-349 .x-feature-box,
.page-id-859 .x-feature-box {
    /* height: 100%;
    padding: 1em; 

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    flex-flow: column wrap;
    align-items: center;
    justify-content: center;*/

    position: relative;
}

.page-id-349 .issue-areas-sub-menu a,
.page-id-859 .issue-areas-sub-menu a {
    display: block;
}

.page-id-349 .issue-areas-sub-menu a h4,
.page-id-859 .issue-areas-sub-menu a h4 {
    margin-top: 1em;
    font-size: .795em;
}

.page-id-349 .issue-areas-sub-menu a h4,
.page-id-859 .issue-areas-sub-menu a h4 {
    font-weight: 400;
}


.page-id-349 .issue-areas-sub-menu a svg,
.page-id-859 .issue-areas-sub-menu a svg {
    max-height: 50px;
}

.page-id-349 .issue-areas-sub-menu a svg *,
.page-id-859 .issue-areas-sub-menu a svg * {
    vector-effect: non-scaling-stroke;
}

.page-id-349 .issue-areas-sub-menu a.active .x-feature-box-title,
.page-id-349 .issue-areas-sub-menu a:hover .x-feature-box-title,
.page-id-859 .issue-areas-sub-menu a.active .x-feature-box-title,
.page-id-859 .issue-areas-sub-menu a:hover .x-feature-box-title {
    color: var(--brand-primary);
}

.page-id-349 .issue-areas-sub-menu a:hover svg *,
.page-id-859 .issue-areas-sub-menu a:hover svg * {
    stroke: var(--brand-primary);
}

.page-id-349 .issue-areas-sub-menu a.active,
.page-id-859 .issue-areas-sub-menu a.active {
    padding-bottom: 20px;
    border-bottom: 4px solid var(--brand-primary);
}

.page-id-349 .issue-areas-sub-menu a.active svg *,
.page-id-859 .issue-areas-sub-menu a.active svg * {
    stroke: var(--brand-primary);
    fill: var(--brand-primary);
}

/* 10.8 PROGRAMS */

.issue-areas-programs a {
    color: #000;
}

.issue-areas-programs a:hover,
.issue-areas-programs li.active a {
    color: var(--brand-primary);
}

.issue-areas-programs li.active a {
    padding-bottom: 10px;
    display: inline-block;
    //border-bottom: 3px solid var(--brand-primary);
}



/** submenu fix*/

.rtl ul.issue-areas-programs {
    margin: 0px 0px 1.3em 0px !important;
}

ul.issue-areas-programs li {
    margin-bottom: 0.8em !important;
}

/**--------------------------------------------------- 11. SHARE LINKS ---------------------------------------------------**/

.single-post .x-entry-share.horizontal .x-share-options {
    justify-content: center;
}

@media (min-width: 768px) {
    .single-post .x-entry-share.vertical .x-share-options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        flex-direction: column;
        align-items: flex-start;
    }
}

.single-post .x-entry-share.horizontal .x-share-options .x-share {
    margin: 0 20px;
    color: #FFF;
    background-color: #757575;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.single-post .x-entry-share.vertical .x-share-options .x-share {
    color: #757575;
}

.single-post .x-entry-share .x-share-options .x-share:nth-of-type(1) {
    order: 2;
}

.single-post .x-entry-share .x-share-options .x-share:nth-of-type(2) {
    order: 1;
/*    margin-left: 0;*/
}

.single-post .x-entry-share .x-share-options .x-share:nth-of-type(3) {
    order: 4;
    margin-right: 0;
}

.x-entry-share .x-share-options .x-share:nth-of-type(4) {
    order: 3;
}

/* .single-post .x-entry-share.horizontal .x-share-options .x-share:hover {
    background-color: #a7cc46;
} */

.single-post .x-entry-share.horizontal .x-share-options .x-share:nth-of-type(1n):hover {
    color: #FFF;
}

.single-post .x-entry-share.horizontal .x-share-options .x-share:nth-of-type(1):hover {
    background-color: #3B5998; 
}

.single-post .x-entry-share.horizontal .x-share-options .x-share:nth-of-type(2):hover {
    background-color: #1DA1F2;
}

.single-post .x-entry-share.horizontal .x-share-options .x-share:nth-of-type(3):hover {
    background-color: #0077B5
}

.single-post .x-entry-share.horizontal .x-share-options .x-share:nth-of-type(4):hover {
    background-color: #F8AE47;
}

.single-post .x-entry-share.horizontal .x-share-options .x-share:nth-of-type(5):hover {
    background-color: #25d366;
}

@media (max-width: 767px) {
    .single-post #wpv-view-layout-146-TCPID115 article {
        text-align: center;
    }
}

.x-entry-share.custom-links {
    padding: 0;
    border: 0;
}

.x-entry-share.no-title > p {
    display: none;
}

.x-entry-share.horizontal .x-share-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.x-entry-share.custom-links .x-share-options .x-share:hover {
    background: none;
}

.x-entry-share.stripped .x-share-options .x-share .x-icon-facebook-square::before {
    content: "";
}

.x-entry-share.stripped .x-share-options .x-share .x-icon-twitter-square::before {
    content: "";
}

.x-entry-share.stripped .x-share-options .x-share .x-icon-linkedin-square::before {
    content: "";
}

.x-entry-share.stripped .x-share-options .x-share .x-icon-envelope-square::before {
    content: "";
}

.x-entry-share.stripped .x-share-options .x-share .x-icon-whatsapp::before {
    content: "\f232";
}

.x-entry-share.stripped .x-share-options .x-share:nth-of-type(1):hover {
    color: #3B5998; 
}

.x-entry-share.stripped .x-share-options .x-share:nth-of-type(2):hover {
    color: #1DA1F2;
}

.x-entry-share.stripped .x-share-options .x-share:nth-of-type(3):hover {
    color: #0077B5
}

.x-entry-share.stripped .x-share-options .x-share:nth-of-type(4):hover {
    color: #F8AE47;
}

.x-entry-share.stripped .x-share-options .x-share:nth-of-type(5):hover {
    color: #25d366;
}
/**--------------------------------------------------- 12. POST FORMAT ICON ---------------------------------------------------**/

.post-format-icon{
    font-size: 0.8em;
}

.post-format-icon::before {
    margin-right: 6px;
    font: 400 20px/1 "FontAwesome";
    vertical-align: middle;
    display: inline-block;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8em;
}

.publication-standard .post-format-icon::before {
    //content: "\f08d";
    content: "\f069";
}

.publication-image .post-format-icon::before {
    content: "\f03e";
}

.publication-gallery .post-format-icon::before {
    content: "\f00a";
}

.publication-audio .post-format-icon::before {
    //content: "\f028";
    content: "\f027";
}

.publication-video .post-format-icon::before {
    //content: "\f03d";
    content: "\f01d";
}

.publication-quote .post-format-icon::before {
    //content: "\f10e";
    content: "\f10d";
}

.publication-link .post-format-icon::before {
    //content: "\f35d";
    content: "\f08e";
}





/**--------------------------------------------------- 13. FIXES ---------------------------------------------------**/


.x-container::before,
.x-container::after,
.container::before,
.container::after,
.row::before,
.row::after {
    //content: normal;
    width: 0;
    //display: inline;
}

/*Language Switcher Fix*/

/*.wpml-ls-legacy-dropdown {
    max-width: 90px;
}

ul.wpml-ls-sub-menu {
    margin: 0 0 1.313em 0 !important;
}*/

.widget .wpml-ls ul, .widget .wpml-ls ul li {border: 0px;}


/* black and white effect logo carousel*/

.ua-logo-carousel img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

/* black and white effect byclass*/

img.grayscale {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}


/***Switch column order on mobile***/
@media only screen and ( max-width: 767px ) {
.flip { 
display: -webkit-flex;
-webkit-flex-direction: column-reverse;
display: flex;
flex-direction: column-reverse !important;}
}


/**StepUp Programs and fellowship Fix **/
.suce-fellowships .suce-fellowships-content, .suce-programs .suce-programs-content {
    min-height: 450px;
}


/**StepUp headline Fixes**/

.suce-headings-type-3 .x-text-headline {
    padding: 90px 20px 6% 20px !important;
}

/*Sticky menu on publications-fix*/
.x-anchor-content { transform: none !important;}

/* Accordion and submenu graphics fix*/

.suce-focus-areas .suce-focus-areas-tabs-nav li.current *, .suce-focus-areas .suce-focus-areas-tabs-nav li:hover * {
    padding: 1px;
}

.suce-focus-areas .suce-focus-areas-tabs-nav li:not(.current) * {
    padding: 1px;
}

.page-id-349 .issue-areas-sub-menu a svg, .page-id-859 .issue-areas-sub-menu a svg {
    padding: 1px;
}

/*post page headline size fixes*/

h1.post-title {
    font-size: 2rem;
}

/*19/9/2018*/
.wpv-post-type{background-color: #d60a47; padding: 0 5px 2px 5px; font-size: 12px; color: #fff; margin-right:5px;}
.wpv-post-type a{color: #fff;}
.wpv-post-type a:hover{color: #f3eaea;}
.wpv-post-cat{ font-weight: normal; }
.wpv-page-title-alt .wp-caption-text{ text-align: center; font-size: 14px; }

@media all and (-ms-high-contrast:none)
{
.suce-headings.suce-headings-type-2 { background-color: #d60a47; } /* IE10 */
*::-ms-backdrop, .suce-headings.suce-headings-type-2 { background-color: #d60a47;} /* IE11 */

.flex-col{ display: inline; } /* IE10 */
*::-ms-backdrop, .flex-col { display: inline;} /* IE11 */
*::-ms-backdrop, .suce-fellowships-content.flex-col { display: table;} /* IE11 */
*::-ms-backdrop, .suce-fellowships-content-wrap{ display: table-cell; vertical-align: middle; }
*::-ms-backdrop, .suce-fellowships .suce-fellowships-content .x-btn:hover{ background-color: #d60a47; border-color: #d60a47 !important; }

.suce-fellowships .x-bg-layer-upper-image:after{background-color:#D60A47;}/* IE10 */
*::-ms-backdrop, .suce-fellowships .x-bg-layer-upper-image:after { background-color:#D60A47;} /* IE11 */

*::-ms-backdrop, .suce-programs .x-bg-layer-upper-image:after { background-color:#999;} /* IE11 */

*::-ms-backdrop, .suce-headings.suce-headings-type-5 .x-text-content-text-primary, 
*::-ms-backdrop, .suce-headings.suce-headings-type-5 .x-text-content-text-secondary{ color: #d60a47; }

*::-ms-backdrop, .wpv-our-network:hover h5 { color:#d60a47;}
*::-ms-backdrop, .wpv-our-network:hover .wpv-our-network-title { color:#d60a47;}

*::-ms-backdrop, .suce-programs-content.flex-col { display: block;}
/**::-ms-backdrop, .suce-programs-content-wrap{ display: table-cell; vertical-align: middle; }*/

}

/*20/9/2018*/
.home .suce-headings-wrap h1.x-text-content-text-primary{ max-width: 1200px; margin:0 auto; }
.home.rtl .suce-headings-wrap h1.x-text-content-text-primary {max-width: 900px; margin:0 auto;}
.post-meta .mrm{ margin-left: 6px; font-weight: normal; }

.rtl .post-format-icon::before{margin-left: 5px;}
.rtl .wpv-author {margin-left: 7px;}
.rtl .post-meta .mrm{ margin-right: 7px !important;}
/*2/10/2018*/
.rtl .wpv-post-type{ margin-left: 9px; margin-right: 0; }

/*SVG Animation  28-9-2018*/
.suce-headings-canvas {
    width: 100%;
    height: 300px;
    position: relative;
    top: 0;
    left: 0;
/*    overflow:hidden;*/
}

.suce-headings-canvas svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
}
.suce-headings-canvas .suce-headings-triangle{ position: relative; left: 50%; top: 5%; }
.suce-headings-canvas .suce-headings-triangle.gray{ position: relative; left: 70%; top:90%; }

.suce-headings-canvas .suce-headings-shape.suce-headings-triangle {
    vector-effect: non-scaling-stroke;
    animation-name: suce-headings-triangle;
    -webkit-animation-name: suce-headings-triangle;
    -moz-animation-name: suce-headings-triangle;
    -o-animation-name: suce-headings-triangle;
    -ms-animation-name: suce-headings-triangle;
}

.suce-headings-canvas .suce-headings-triangle:first-of-type {
    animation-duration: 25s;
    -webkit-animation-duration: 25s;
    -moz-animation-duration: 25s;
    -o-animation-duration: 25s;
    -ms-animation-duration: 25s;
}

.suce-headings-canvas .suce-headings-triangle:nth-of-type(2) {
    animation-duration: 45s;
    -webkit-animation-duration: 45s;
    -moz-animation-duration: 45s;
    -o-animation-duration: 45s;
    -ms-animation-duration: 45s;
}

.suce-headings-canvas .suce-headings-triangle:nth-of-type(3) {
    animation-duration: 15s;
    -webkit-animation-duration: 15s;
    -moz-animation-duration: 15s;
    -o-animation-duration: 15s;
    -ms-animation-duration: 15s;
}

.suce-headings-canvas .suce-headings-triangle:nth-of-type(4) {
    animation-duration: 55s;
    -webkit-animation-duration: 55s;
    -moz-animation-duration: 55s;
    -o-animation-duration: 55s;
    -ms-animation-duration: 55s;
}

.suce-headings-canvas .suce-headings-triangle:nth-of-type(5) {
    animation-duration: 35s;
    -webkit-animation-duration: 35s;
    -moz-animation-duration: 35s;
    -o-animation-duration: 35s;
    -ms-animation-duration: 35s;
}

.suce-headings-canvas .suce-headings-shape {
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-circle {
    vector-effect: non-scaling-stroke;
    animation-name: suce-headings-circl;
    -webkit-animation-name: suce-headings-circl;
    -moz-animation-name: suce-headings-circl;
    -o-animation-name: suce-headings-circl;
    -ms-animation-name: suce-headings-circl;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-circle:nth-of-type(3) {
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    -moz-animation-duration: 20s;
    -o-animation-duration: 20s;
    -ms-animation-duration: 20s;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-circle:nth-of-type(4) {
    animation-duration: 50s;
    -webkit-animation-duration: 50s;
    -moz-animation-duration: 50s;
    -o-animation-duration: 50s;
    -ms-animation-duration: 50s;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-circle:nth-of-type(5) {
    animation-duration: 10s;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    -o-animation-duration: 10s;
    -ms-animation-duration: 10s;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-circle:nth-of-type(6) {
    animation-duration: 40s;
    -webkit-animation-duration: 40s;
    -moz-animation-duration: 40s;
    -o-animation-duration: 40s;
    -ms-animation-duration: 40s;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-circle:nth-of-type(7) {
    animation-duration: 30s;
    -webkit-animation-duration: 30s;
    -moz-animation-duration: 30s;
    -o-animation-duration: 30s;
    -ms-animation-duration: 30s;

}

.suce-headings-canvas .suce-headings-shape.suce-headings-barbel {
    animation-name: suce-headings-barbel;
    -webkit-animation-name: suce-headings-barbel;
    -moz-animation-name: suce-headings-barbel;
    -o-animation-name: suce-headings-barbel;
    -ms-animation-name: suce-headings-barbel;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-barbel * {
    vector-effect: non-scaling-stroke
}

.suce-headings-canvas .suce-headings-shape.suce-headings-barbel:first-of-type {
    animation-duration: 12.5s;
    -webkit-animation-duration: 12.5s;
    -moz-animation-duration: 12.5s;
    -o-animation-duration: 12.5s;
    -ms-animation-duration: 12.5s;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-barbel:nth-of-type(2) {
    animation-duration: 32.5s;
    -webkit-animation-duration: 32.5s;
    -moz-animation-duration: 32.5s;
    -o-animation-duration: 32.5s;
    -ms-animation-duration: 32.5s;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-barbel:nth-of-type(3) {
    animation-duration: 22.5s;
    -webkit-animation-duration: 22.5s;
    -moz-animation-duration: 22.5s;
    -o-animation-duration: 22.5s;
    -ms-animation-duration: 22.5s;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-barbel:nth-of-type(4) {
    animation-duration: 42.5s;
    -webkit-animation-duration: 42.5s;
    -moz-animation-duration: 42.5s;
    -o-animation-duration: 42.5s;
    -ms-animation-duration: 42.5s;
}

.suce-headings-canvas .suce-headings-shape.suce-headings-barbel:nth-of-type(5) {
    animation-duration: 52.5s;
    -webkit-animation-duration: 52.5s;
    -moz-animation-duration: 52.5s;
    -o-animation-duration: 52.5s;
    -ms-animation-duration: 52.5s;
}


@keyframes suce-headings-circl {
    0% {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        -ms-transform: translate(0);
    }
    25% {
        transform: translate(2.5%, 10%);
        -webkit-transform: translate(2.5%, 10%);
        -moz-transform: translate(2.5%, 10%);
        -o-transform: translate(2.5%, 10%);
        -ms-transform: translate(2.5%, 10%);
    }
    50% {
        transform: translate(5%, 2.5%);
        -webkit-transform: translate(5%, 2.5%);
        -moz-transform: translate(5%, 2.5%);
        -o-transform: translate(5%, 2.5%);
        -ms-transform: translate(5%, 2.5%);
    }
    75% {
        transform: translateY(-10%);
        -webkit-transform: translateY(-10%);
        -moz-transform: translateY(-10%);
        -o-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
    }
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        -ms-transform: translate(0);
    }
}

@keyframes suce-headings-triangle {
    0% {
        transform: translate(0)
    }
    20% {
        transform: translate(-5%, -15%)
    }
    40% {
        transform: translate(-12.5%, -5%)
    }
    60% {
        transform: translate(-15%, 5%)
    }
    80% {
        transform: translateY(15%)
    }
    to {
        transform: translate(0)
    }
}

@keyframes suce-headings-barbel {
    0% {
        transform: translate(0)
    }
    25% {
        transform: translate(-5%, 15%)
    }
    50% {
        transform: translateY(-10%)
    }
    75% {
        transform: translate(2.5%, 5%)
    }
    to {
        transform: translate(0)
    }
}

p {
margin: 0 0 1em;
    }


.grayscale-image img {
    filter: url('./images/filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/
}