/*
Theme Name: DNDi 2020 Theme
Theme URI: https://dndi.org
Author: Orion | Behavior
Author URI: https://dndi.org
Description: Gutenberg theme for DNDi 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dndi-2020-theme
Tags: translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

dndi-2020-theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/


/*
@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style : normal;
       src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
       src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
             url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
             url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
             url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
             url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
*/


/**font code start**/


/*
@font-face {
  font-family:dinot_black;
  src:url(themes/dndi-2020/assets/fonts/DINOT-Black.otf) format(embedded-opentype);
}

@font-face {
  font-family:dinot_bold;
  src:url(themes/dndi-2020/assets/fonts/DINOT-Bold.ttf);
}

@font-face {
  font-family:dinot_condmedium;
  src: url(themes/dndi-2020/assets/fonts/DINOT-CondMedium.otf);
}

@font-face {
  font-family:dinot_condregular;
  src:url(themes/dndi-2020/assets/fonts/DINOT-CondRegular.otf);
}

@font-face {
  font-family:dinot_light;
  src: url(themes/dndi-2020/assets/fonts/DINOT-Regular.ttf);
}

@font-face {
  font-family:dinot_medium;
  src: url(themes/dndi-2020/assets/fonts/DINOT-Medium.otf);
}

@font-face {
  font-family:dinot_regular;
  src: url(themes/dndi-2020/assets/fonts/DINOT-Regular.ttf);
}

@font-face {
  font-family:dinot_regularitalic;
  src: url(themes/dndi-2020/assets/fonts/DINOT-RegularItalic.otf);
}

@font-face {
  font-family:dinot_font;
  src: url(themes/dndi-2020/assets/fonts/Dinot-Font.otf);
}

@font-face {
  font-family:futura;
  src: url(themes/dndi-2020/assets/fonts/Futura.ttc);
}

@font-face {
  font-family:futura-bold;
  src: url(themes/dndi-2020/assets/fonts/Futura-Bold-03.otf);
}
*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


/* For testing purpose only added comment by anil */

html {
    font-family: "dinot_regular", sans-serif;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none !important;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none !important;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2.25rem;
    line-height: 38px;
    color: #000;
    font-family: 'futura-bold';
    font-style: normal;
    clear: both;
    margin-top: 60px;
    margin-bottom: 20px;
}

h1.elementor-heading-title.elementor-size-default {
    margin-bottom: 20px;
}

h2 {
    font-size: 1.5rem;
    line-height: 28px;
    color: #000;
    font-family: 'futura-bold';
    font-style: normal;
    clear: both;
    margin-top: 50px;
    margin-bottom: 20px;
}

h2.elementor-heading-title.elementor-size-default {
    margin-bottom: 20px;
}

h3,
.titre3 {
    font-size: 1.25rem;
    line-height: 28px;
    color: #000;
    font-family: 'futura-bold';
    font-style: normal;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}

h3.elementor-heading-title.elementor-size-default {
    margin-bottom: 15px;
}

h4 {
    font-size: 1rem;
    line-height: 22px;
    color: #000;
    font-family: 'futura-bold';
    font-style: normal;
    clear: both;
    margin-top: 18px;
    margin-bottom: 18px;
}

h4.elementor-heading-title.elementor-size-default {
    margin-bottom: 18px;
}

h5 {
    font-size: 0.9rem;
    line-height: 16px;
    color: #000;
    font-family: 'futura-bold';
    font-style: normal;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

h6 {
    font-size: 0.75rem;
    line-height: 14px;
    color: #000;
    font-family: 'futura-bold';
    font-style: normal;
    clear: both;
    margin-top: 8px;
    margin-bottom: 8px;
}

p {
    margin-bottom: 20px;
}

p,
li {
    color: #000;
    font-family: 'dinot_regular';
    font-size: 1.25rem;
    font-style: normal;
    line-height: 1.4;
}

.ae-element-post-content h3 {
    /* margin-top: 75px; */
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}


/*
pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.875rem;
}
*/


/*
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}
*/

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/*
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}
*/

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
    color: #000;
    font-family: "dinot_regular", sans-serif;
    font-size: 16px;
    /* font-size: 1rem;
  line-height: 1.8; */
}


/*
h1, h2, h3, h4, h5, h6 {
  color: #000;
  clear: both;
}
*/

.entry-header .entry-title {
    font-size: 2.44em;
    line-height: 1.4;
    margin: 1em 0 1rem;
}

dfn,
em,
i {
    font-style: italic;
}

address {
    margin: 0 0 1.5em;
}

pre {
    font-family: "dinot_regular", sans-serif;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 0.8em 1em;
    white-space: pre-wrap;
}

@media screen and (max-width: 768px) {
    pre {
        padding-left: 0;
        padding-right: 0;
    }
}


/*
code, kbd, tt, var {
  font-family: "dinot_regular", sans-serif;
  font-size: 0.875rem;
}
*/

@media screen and (min-width: 600px) {
    code,
    kbd,
    tt,
    var {
        font-size: 0.8125rem;
    }
}

p>code {
    padding: 2px;
    border-radius: 2px;
    background: #f3f4f5;
    font-size: inherit;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}


/*
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}
*/

.archive .site-header {
    margin-bottom: 3.5em;
}

.site-title {
    margin: .4375em 0 0;
    font-size: 38px;
    font-weight: bold;
    line-height: 1.2;
    color: #333332;
}

.site-title a {
    text-decoration: none;
    color: inherit;
}

.site-branding {
    margin-bottom: 1.75em;
}

.site-description {
    margin: .4375em 0 0;
    font-size: 17px;
    font-weight: inherit;
    line-height: 1.4;
    word-wrap: break-word;
    color: #6c7781;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

hr {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 0em;
    padding-left: 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

blockquote {
    font-size: 1.5em;
    width: 60%;
    margin: 50px auto;
    font-family: "futura", sans-serif;
    color: #000;
    padding: 1.2em 1.6em;
    line-height: 1.3;
    position: relative;
}

@media screen and (max-width: 768px) {
    blockquote {
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
}


/*
blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#555;
  font-size:4.2em;
  position: absolute;
  left: 3px;
  top:-6px;
}
*/

blockquote::after {
    content: '';
}

blockquote span {
    display: block;
    color: #333333;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em;
}

blockquote footer {
    margin-top: 30px;
}

blockquote cite {
    margin: 0;
    padding: 0;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 1rem;
    line-height: 1.2em;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


/*
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}
*/


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #d04810;
}

a:hover,
a:focus,
a:active {
    color: #ff7500;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/* .main-navigation {
	clear: both;
	display: block;
  margin: 0 auto;
	max-width: 580px;
  text-align: center;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
  text-align: left;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  display: block;
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
} */


/* 
.menu-toggle {
  padding: 1em;
}

@media screen and (max-width: 37.5em) {
	.menu-toggle,
	.main-navigation.toggled ul {
		display: block;
    margin: 0 auto;
	}
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .main-navigation a {
    padding: 0 .5em;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  border-bottom: 1px solid #e2e4e7;
	margin: 0 auto 60px;
  max-width: 580px;
	overflow: hidden;
  padding-bottom: 60px;
}

.nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	width: 50%;
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
} */


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#primary[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Alignments
# margin-left: calc(50% - 50vw);
--------------------------------------------------------------*/


/* .entry-content > * {
  margin: 0px auto;
  max-width: 770px;
  padding-left: 0;
  padding-right: 0;
} */


/* For position logo in main nav */

.ubermenu-nav .ubermenu-item-home .ubermenu-image {
    margin-top: 15px;
    margin-left: 15px;
}


/* Code for Secondary Menu Tab Start */

.ubermenu-tab {
    z-index: 1;
}

.ubermenu .ubermenu-target,
.ubermenu .ubermenu-item {
    outline: none;
}

.ubermenu-tab ul {
    max-width: 100%!important;
}

.ubermenu-tab .ubermenu-item-level-0>.ubermenu-target {
    border-bottom: 6px solid #fff;
    border-right: 1px solid #D8D8D8;
    outline: none;
}

.ubermenu-responsive-toggle-tab .fa-bars::before {
    content: "\f03a";
}

.ubermenu-responsive-toggle-tab.ubermenu-responsive-toggle-open .fa-bars::before {
    content: "\f00d"!important;
}

.ubermenu-responsive-toggle-tab {
    border-bottom: 1px solid #fff;
    position: relative;
}

@media screen and (max-width:1024px) {
    .ubermenu-tab .ubermenu-item-level-0 .ubermenu-target {
        background-color: #000!important;
        color: #fff!important;
    }
    .ubermenu-tab .ubermenu-nav .ubermenu-item-level-0 {
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        border-color: #D8D8D8;
    }
    .ubermenu-tab .ubermenu-item-level-0:hover .ubermenu-target {
        color: #E75012!important;
        font-weight: bold;
    }
}

@media screen and (min-width:1025px) {
    .ubermenu-tab .ubermenu-nav .ubermenu-item-level-0 {
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #D8D8D8;
    }
    .ubermenu-tab .ubermenu-item-level-0:hover>.ubermenu-target {
        border-bottom: 6px solid #E75012;
    }
    .ubermenu-tab .ubermenu-nav .ubermenu-item-level-0:first-child {
        border-left: 1px solid #D8D8D8;
    }
}


/* Code for secondary Menu Tab End */


/*code for pagination has been start
*/

.custom-pagination .page-numbers,
.post-page-numbers {
    text-align: center;
    font-family: "futura-bold", "dinot_regular", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #000;
}

.post-page-numbers {
    margin-right: 4px;
}

.custom-pagination .page-numbers span {
    color: #000;
}

.custom-pagination .page-numbers.current,
.post-page-numbers.current {
    background-color: #000;
    color: #fff!important;
}

.custom-pagination .page-numbers,
.post-page-numbers {
    padding: 5px 10px;
}

.custom-pagination .page-numbers:hover,
.post-page-numbers:hover {
    background-color: #000;
    color: #fff!important;
}


/*code for pagination has been end
*/


/* Area for container START ----------*/


/* for a Gutenberg template */

.block-container {
    max-width: 770px;
    margin: 0px auto;
    padding: 20px;
}


/* box container is same work like "Elementor Boxed" width, 
As we are not able to apply "Elemenor boxed" width to Gutenberg we have created this class for Gutenberg 
template*/

.box-container {
    max-width: 1210px;
    margin: 0px auto!important;
    overflow: hidden;
    padding: 20px;
}


/* For Gutenberg template */

.alignfull {
    max-width: 100vw;
    margin: 0px auto;
    overflow: hidden;
}


/* This class we are using for both Gutenberg and Elementor */

.alignwide {
    max-width: 1920px;
    margin: 0px auto!important;
    overflow: hidden;
}


/* Area for container END ------------*/


/* @media screen and (min-width: 608px) {
  .entry-content > * {
    padding-left: 0px;
    padding-right: 0px;
  }
} */


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/* #page {
  margin: 0 auto;
  max-width: 100%;
}

.site-branding {
  text-align: center;
  margin: 60px 0;
}

.site-footer {
  margin: 1em 0;
  color: #6c7781;
  font-size: 90%;
} */


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/


/* .sticky {
  display: block;
}

.hentry {
  margin: 60px 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.entry-meta {
  color: #6c7781;
  font-size: 90%;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.entry-header,
.page-header,
.entry-footer,
.site-info,
.posts-navigation,
.post-navigation,
.page-navigation,
.comments-area,
.not-found .page-content,
.search .entry-summary {
  margin: 1.5em auto;
  padding-left: 14px;
  padding-right: 14px;
  max-width: 580px;
}

.entry-header .wp-post-image {
  margin-bottom: 1.5em;
}

.entry-footer span{
  margin-right: 1em;
}

.entry-footer{
  color: #6c7781;
  font-size: 90%;
  padding-bottom: 40px;
  border-bottom: 1px solid #e2e4e7;
}

@media screen and (min-width: 608px) {
  .entry-header,
  .page-header,
  .entry-footer,
  .site-info,
  .posts-navigation,
  .post-navigation,
  .page-navigation,
  .comments-area,
  .not-found .page-content,
  .search .entry-summary {
    padding-left: 0;
    padding-right: 0;
  }
} */


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/


/* .comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
} */


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/


/* .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    text-align: left;
    font-size: 0.875em;
}

.wp-caption-text {
    text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.3333333333%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.6666666667%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.2857142857%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.1111111111%;
}

.gallery-caption {
    display: block;
}


/* Custom colors -------------------------- */

:root .has-dndi-2017-orange-color {
    color: #ff7500;
}

:root .has-dndi-2017-yellow-color {
    color: #F4BA00;
}

:root .has-dndi-blue-color {
    color: #00BAF0;
}

:root .has-dndi-blue-accessible-0080A5-color {
    color: #0080A5;
}

:root .has-dndi-green-light-color {
    color: #A1C753;
}


/* Block Font Sizes -------------------------- */

.entry-content .has-small-font-size {
    font-size: 0.75em;
}

.entry-content .has-normal-font-size,
.entry-content .has-regular-font-size {
    font-size: 1em;
    line-height: 1.4;
}

.entry-content .has-medium-font-size {
    font-size: 1em;
    line-height: 1.4;
}

.entry-content .has-large-font-size {
    font-size: 1.25em;
    line-height: 1.4;
}

.entry-content .has-larger-font-size {
    font-size: 1.5em;
    line-height: 1.2;
}

.entry-content .has-largest-font-size {
    font-size: 2.25em;
    line-height: 1.1;
}

.alignright {
    display: inline;
    float: right;
    max-width: 100%;
    margin: 0 0 20px 30px;
    padding: 0 0 20px 0;
}

.alignleft {
    display: inline;
    float: left;
    max-width: 100%;
    margin: 0 30px 20px 0;
    padding: 0 20px 0 0;
}

.fullwidth {
    display: inline;
    float: none;
    width: 100%;
    max-width: 800px;
}

.button-cta-primary {
    margin-right: 5px;
    margin-top: 30px;
    padding-right: 10px;
}

.button-cta-primary a {
    font-size: 0.85rem;
    padding: 10px 12px;
    min-width: 100px;
}


/* code for custom-dropdown start*/

.custom-dropdown {
    position: relative;
    display: block;
    width: 100%;
    max-width: 475px;
    height: 50px;
    background-color: #fff;
    overflow: hidden;
    line-height: 3;
    border: 1px solid #000;
    margin: 30px 0px;
    font-family: dinot_regular;
}

.custom-dropdown:hover {
    background-color: #000;
}

.custom-dropdown::after {
    content: '\25bc';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1em;
    background: #fff;
    color: #000;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.custom-dropdown:hover::after {
    color: #fff;
    background-color: #000;
}

.custom-dropdown select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 1em;
    color: #000;
    font-size: 16px;
    letter-spacing: .8px;
    cursor: pointer;
    -webkit-appearance: none !important;
    -moz-apperance: none !important;
    -ms-progress-appearance: none !important;
    -ms-appearance: none !important;
    border: 0 !important;
    outline: none;
    box-shadow: none;
    background-color: #fff;
    border: 0!important;
    font-family: dinot_regular;
    font-weight: bold;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.custom-dropdown select:hover {
    background-color: #000;
    color: #fff;
}

.custom-dropdown select.selector {
    font-family: "dinot_regular", sans-serif;
    text-transform: capitalize;
}

.custom-dropdown select option {
    letter-spacing: .8px;
    cursor: pointer;
    font-weight: bold;
    font-family: "dinot_regular", sans-serif;
}

.custom-dropdown option:checked {
    background-color: #ff7500;
    color: #fff;
}

.custom-dropdown select:hover {
    background-color: #000;
    color: #fff;
}


/* code for custom-dropdown end*/


/* code for custom dropdown v2 start */

ul.custom-tabs {
    margin: 0!important;
    padding: 0;
    list-style-type: none;
    text-align: left;
    border: 1px solid #000;
    max-width: 475px!important;
}

ul.custom-tabs ul {
    margin: 0px;
    padding: 0px;
}

ul.custom-tabs .tab_content {
    display: none;
}

ul.custom-tabs li a:hover {
    color: #fff;
    background: #000;
}

ul.custom-tabs li {
    display: block;
    margin: 0px;
    position: relative;
}

ul.custom-tabs li a {
    background-color: #fff;
    color: #000;
    padding: 14px 30px 14px 20px;
    display: block;
    font-family: "futura", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}

ul.custom-tabs li a .fa {
    position: absolute;
    right: 19px;
    font-size: 16px;
    top: 11px;
}

ul.custom-tabs li a:hover {
    text-decoration: none;
}

ul.custom-tabs .tab_content {}

ul.custom-tabs ul li a {
    border: none;
}

.dropdown-active {
    background-color: #D04810!important;
    color: #fff!important;
}


/* code for custom dropdown v2 End */

.elementor-button {
    border-radius: 0 !important;
}


/*--------------------------------------------------------------
# Custom Element Styling
--------------------------------------------------------------*/

.wp-block-themeisle-blocks-button-group {
    display: flex;
    margin-bottom: 0;
    position: relative
}

.wp-block-themeisle-blocks-advanced-column p {
    margin-bottom: 30px;
}

.wp-block-themeisle-blocks-advanced-column li {
    margin-bottom: 10px;
}


/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/

#js-show-all-desktop.elementor-button,
#js-show-all-mobile.elementor-button {
    display: none;
}

.port--desktop {
    display: none;
}

.portfolio-cards {
    flex-wrap: nowrap;
}

.project-col {
    width: 228px;
    list-style: none;
}

.project-card {
    width: 228px;
    height: 230px;
    border-width: 4px;
    border-style: solid;
    margin-bottom: 22px;
    padding: 16px 16px 0;
    list-style: none;
    background-color: #fff;
}

.project-card a:hover {
    text-decoration: none;
}

.project-title p,
.disease-type p,
.project-phases li span,
.filter-title span,
.mobile-phase {
    font-family: 'futura-bold';
    font-size: 1.25rem;
    line-height: 22px;
    color: #000;
    word-break: break-word;
}

.project-title p {
    font-size: 1.125rem;
}

.project-phases li a:hover,
.project-card a:hover .project-title p {
    color: #d04810 !important;
}

.disease-type p,
.project-phases li span,
.filter-title span,
.mobile-phase span {
    font-size: 0.75rem;
    line-height: 16px;
    text-transform: uppercase;
    color: inherit;
}

.mobile-phase span {
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.project-phases,
.filter-title {
    position: relative;
    margin-bottom: 30px;
}

.project-phases ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.project-phases li,
.mobile-phase {
    justify-content: space-around;
    margin: 0 9.5px 0 9.5px;
    position: relative;
    width: 228px;
}

.mobile-phase {
    margin: 0 0 20px 0;
    width: 100%;
    cursor: pointer;
    display: block;
}

.project-phases li:after,
.filter-title:after,
.mobile-phase:after {
    content: "";
    background-color: #aaa;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.filter-title span {
    margin-bottom: 5px;
}

.project-phases li span i img,
.filter-title span i img,
.mobile-phase span i img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.mobile-phase span i img {
    margin-right: 15px;
}

.mult-type {
    color: #000;
}

.sleeping-sickness--border {
    border-color: #ff7500;
}

.sleeping-sickness--color {
    color: #c15800;
}

.visceral-leishmaniasis--border,
.cutaneous-leishmaniasis--border {
    border-color: #F4BA00;
}

.visceral-leishmaniasis--color,
.cutaneous-leishmaniasis--color {
    color: #957100;
}

.chagas-disease--border {
    border-color: #00BAF0;
}

.chagas-disease--color {
    color: #0080A5;
}

.filarial-diseases--border,
.filaria-river-blindness--border {
    border-color: #A1C753;
}

.filarial-diseases--color,
.filaria-river-blindness--color {
    color: #64802A;
}

.mycetoma--border {
    border-color: #00B087;
}

.mycetoma--color {
    color: #008768;
}

.hiv--border,
.paediatric-hiv--border {
    border-color: #D37DBA;
}

.hepatitis-c--border {
    border-color: #634CA4;
}

.hepatitis-c--color {
    color: #634CA4;
}

.hiv--color,
.paediatric-hiv--color {
    color: #C1479D;
}

.malaria--border {
    border-color: #FF2788;
}

.malaria--color {
    color: #E90068;
}

.portfolio-page {
    position: relative;
    background-color: #E5E2DC;
    padding-bottom: 1em;
}

.portfolio-container {
    max-width: 1150px;
    margin: 0 auto;
    padding-top: 92px;
}

.portfolio-container h2 {
    margin-bottom: 48px;
}

.flex-portfolio {
    display: flex;
    /* margin: auto -1rem 1rem; */
}

.portfolio-filter {
    flex: 1;
    margin-right: 30px;
}

.portfolio-filter ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.portfolio-filter li {
    font-family: 'dinot_regular';
    font-size: 1rem;
    line-height: 22px;
    display: flex;
    margin-bottom: 10px;
}

.portfolio-filter li.filter-title {
    padding-top: 2px;
}

.radio-inline-label {
    display: inline-block;
    text-align: left;
}

.radio-inline {
    margin-right: 16px !important;
    margin-top: 4px;
    text-align: left !important;
    float: left;
    cursor: pointer;
}

.portfolio-main {
    flex: 3;
}

.controls .elementor-button,
.mobile-filter {
    background-color: #000 !important;
    border: none !important;
    color: #fff !important;
}

@media (min-width: 320px) {
    .project-card {
        width: 100%;
    }
    .mobile-filter {
        text-transform: uppercase;
        margin-bottom: 1rem;
    }
    .portfolio-container {
        margin: 0 20px;
    }
    .portfolio-filter ul {
        width: 100%;
    }
    .portfolio-filter {
        display: none;
        width: 100%;
    }
    .portfolio-container h2 {
        font-size: 1.5rem;
    }
    .project-phases {
        display: none;
    }
    .filter-item,
    .disease-filters {
        width: 100%;
    }
    .project-accordionWrapper {
        width: 100%;
    }
    .close {
        width: 100%;
    }
    .close .accordion-content,
    .close .filter-content {
        height: 0px;
        transition: height 1s ease-out;
        -webkit-transform: scaleY(0);
        -o-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        float: left;
        display: block;
    }
    .pod-page-portfolio .close {
        width: 100%;
        text-shadow: none;
        opacity: 1;
    }
    .mobile-phase span .caret,
    .port-caret {
        position: absolute;
        top: 16px;
        right: 5px;
        background-image: url("assets/images/fa-icon-carat-up.png");
        background-repeat: no-repeat;
        background-size: cover;
        width: 12px;
        height: 8px;
    }
    .close .mobile-phase span .caret,
    .close .port-caret {
        background-image: url("assets/images/fa-icon-carat-down.png");
    }
    .open .mobile-phase span .caret,
    .port-caret {
        background-image: url("assets/images/fa-icon-carat-up.png");
    }
    .open .accordion-content,
    .open .filter-content {
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        -o-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        -webkit-transition: -webkit-transform 0.4s ease-out;
        -o-transition: -o-transform 0.4s ease;
        -ms-transition: -ms-transform 0.4s ease;
        transition: transform 0.4s ease;
        box-sizing: border-box;
    }
    .flex-portfolio {
        flex-direction: column;
    }
    .portfolio-filter {
        margin-bottom: 2rem;
    }
    .portfolio-cards {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .project-col {
        width: 100%;
    }
    .project-col {
        margin: 0;
        padding: 0;
    }
    .controls li:last-child {
        margin: 0 0 20px 0;
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .elementor-3842 .elementor-element.elementor-element-ba27e88 {
        width: 62% !important;
    }
}

@media (min-width: 1025px) {
    .portfolio-filter {
        display: block;
    }
    .port--desktop {
        display: flex;
    }
    .port--mobile {
        display: none;
    }
    .project-col {
        margin: 0 9.5px 0 9.5px;
    }
    .project-card {
        width: 228px;
    }
    .portfolio-cards {
        flex-wrap: nowrap;
    }
    .project-phases {
        display: block;
    }
    .project-phases ul li span i {
        display: block;
    }
    .flex-portfolio {
        flex-direction: row;
    }
    .filter-title span i {
        display: block;
        margin-bottom: 0.45rem;
    }
}

@media (min-width: 1200px) {
    .portfolio-container {
        margin: 0 auto;
    }
    .project-phases ul li span i,
    .filter-title span i {
        margin-right: 12px;
        margin-bottom: 10px;
        display: inline-block;
    }
    .filter-title span {
        margin-bottom: 5px;
    }
    .radio-inline-label {
        width: 130px;
    }
    /* Safari project phase img */
    .current-project-phase img,
    .project-phase img {
        height: 100% !important;
    }
}

.control-title {
    font-family: futura-bold;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    position: relative;
    cursor: pointer;
}

.port-caret {
    top: 4px;
}

.filter-item.close hr {
    display: none;
}

.filter-item {
    position: relative;
    display: inline-block;
}


/*--------------------------------------------------------------
## End Portfolio
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Project Phase
--------------------------------------------------------------*/

.not-project-phase {
    opacity: .25;
}


/*--------------------------------------------------------------
## Start for PODS templates
--------------------------------------------------------------*/

.publish-date {
    font-family: "futura-bold", sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
}


/*--------------------------------------------------------------
## Cursor Highlight
--------------------------------------------------------------*/

::-moz-selection {
    color: #fff;
    background: #d04810;
}

::selection {
    color: #fff;
    background: #d04810;
}


/*--------------------------------------------------------------
## End Cursor Highlight
--------------------------------------------------------------*/

.elementor-3865 .elementor-element.elementor-element-c6a26f4 .filter-items {
    border-width: 2px;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 20px 20px 0px 20px;
}

.elementor-3842 .elementor-element.elementor-element-6ac9004 {
    padding: 0;
}

.elementor-2304 .elementor-element.elementor-element-f8b1796 .elementor-field-group .elementor-field,
.elementor-2304 .elementor-element.elementor-element-f8b1796 .elementor-field-subgroup label {
    font-size: 18px;
}

.ae-avatar-overlay,
.ae-post-overlay {
    background: #e5e2dc !important;
}

@media (min-width: 960px) {
    /* article.ae-post-list-item {
    height: 387px;
  } */
    article.ae-post-list-item .ae-article-inner {
        height: auto;
    }
}


/*--------------------------------------------------------------
## Recaptcha
--------------------------------------------------------------*/

.elementor-2304 .elementor-element.elementor-element-62580c1 .elementor-field-group {
    display: block;
}

.elementor-2304 .elementor-element.elementor-element-62580c1 .elementor-field-group:not(.elementor-field-type-email) .elementor-field:not(.elementor-select-wrapper) {
    background-color: transparent !important;
}

.elementor-2470 .elementor-element.elementor-element-fdeb06e .elementor-image-box-content .elementor-image-box-title {
    margin-top: 0;
    line-height: 22px !important;
}

.elementor-field-type-recaptcha {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#form-field-captcha_field {
    display: none;
}

.elementor-g-recaptcha {
    display: inline-block !important;
    margin: 0 auto !important;
}

.elementor-64169 .elementor-element.elementor-element-b97cb09>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) .elementor-text-editor {
    line-height: 26px;
}

.elementor-3842 .elementor-element.elementor-element-53258ee .ae-element-custom-field {
    font-family: dinot_regularitalic !important;
}


/*--------------------------------------------------------------
## End Recaptcha
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Table 
--------------------------------------------------------------*/

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    /* border-top: 1px solid #eceeef; */
    color: #000;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef;
}

.table tbody+tbody {
    border-top: 2px solid #eceeef;
}

.table .table {
    background-color: #fff;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #eceeef;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #eceeef;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #dff0d8;
}

.table-hover .table-success:hover {
    background-color: #d0e9c6;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #d0e9c6;
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #d9edf7;
}

.table-hover .table-info:hover {
    background-color: #c4e3f3;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #c4e3f3;
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
    background-color: #faf2cc;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #faf2cc;
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f2dede;
}

.table-hover .table-danger:hover {
    background-color: #ebcccc;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ebcccc;
}

.thead-inverse th {
    color: #fff;
    background-color: #292b2c;
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef;
}

.table-inverse {
    color: #fff;
    background-color: #292b2c;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
    border-color: #fff;
}

.table-inverse.table-bordered {
    border: 0;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive.table-bordered {
    border: 0;
}


/*--------------------------------------------------------------
## End Table
--------------------------------------------------------------*/

.elementor-element .elementor-element-1e1156f1 .elementor-widget .elementor-widget-text-editor p {
    color: #fff;
}

.block-container p {
    color: #000;
}


/*--------------------------------------------------------------
## UberMenu
--------------------------------------------------------------*/

.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width,
.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar {
    left: auto;
}

.ubermenu-target {
    font-weight: normal;
}

@media (min-width: 1024px) {
    .ubermenu-item-level-0.ubermenu-active>.ubermenu-target>span:after,
    .ubermenu-item-level-0.ubermenu-current-menu-ancestor>.ubermenu-target>span:after {
        content: "";
        position: absolute;
        background-color: #c15800;
        height: 2px;
        width: 25px;
        display: flex;
        bottom: 1.5rem;
        left: 40%;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
    }
}

#menu-item-59462 a {
    padding: 0;
}


/* people profile */

h1.people-profile {
    margin: 0px;
}


/* breadcrumbs */

.breadcrumbs {
    font-family: futura-bold, sans-serif;
    font-size: .75rem;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}

.breadcrumbs a {
    text-decoration: none;
    color: #fff;
}

.breadcrumbs i,
.breadcrumbs em {
    text-transform: none;
}

.blackcrumb .breadcrumbs {
    color: #000;
}


/* @media (max-width: 768px) {
  .breadcrumbs {
    position: absolute;
    top: -10em;
    left: -5em;
  }
} */


/*--------------------------------------------------------------
## Accordion Design Edits
--------------------------------------------------------------*/

.advgb-accordion-header,
.advgb-accordion-header.ui-accordion-header.ui-state-default,
.advgb-accordion-body,
.advgb-accordion-wrapper .advgb-accordion-body.ui-widget-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.advgb-accordion-body,
.advgb-accordion-wrapper .advgb-accordion-body.ui-widget-content {
    padding-top: 20px !important;
    /* padding-bottom: 30px !important; */
    border-color: transparent !important;
}

.advgb-accordion-header,
.advgb-accordion-header.ui-accordion-header.ui-state-default {
    background-color: #fff !important;
    color: #000 !important;
    border: none !important;
    border-bottom: 2px solid #000 !important;
}

.advgb-accordion-body p {
    margin-bottom: 20px;
}


/*
.wp-block {
    max-width: 720px;
}
*/


/*--------------------------------------------------------------
## End Accordion Design Edits
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Donor info styling
--------------------------------------------------------------*/

.donor-info li {
    font-size: 1rem;
}

.entry-content .donor-info ul {
    margin: 0;
}


/*--------------------------------------------------------------
## Partner Ul Design edits
--------------------------------------------------------------*/

.elementor-widget .elementor-icon-list-items.elementor-inline-items {
    margin: 0 auto;
}

.elementor-element.elementor-element-5ea90f5.ae-post-layout-grid.elementor-widget.elementor-widget-ae-post-blocks .ae-post-list-item {
    padding: 0 !important;
}

.elementor-element-d6796a7 ul,
.elementor-element-0805221 ul {
    columns: 1;
}

@media (min-width: 640px) {
    .elementor-element-d6796a7 ul,
    .elementor-element-0805221 ul {
        columns: 2;
    }
}

@media (min-width: 960px) {
    .elementor-element-d6796a7 ul,
    .elementor-element-0805221 ul {
        columns: 3;
    }
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-items.elementor-inline-items {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


/*--------------------------------------------------------------
## End Partner Ul design edits
--------------------------------------------------------------*/

@media (min-width: 1024px) {
    .wp-block-embed__wrapper {
        height: 600px;
    }
}


/*--------------------------------------------------------------
## event styles
--------------------------------------------------------------*/

.event-col {
    color: #000;
}

.event-list {
    color: #000;
    margin: 0;
}

.link-icon::before {
    font-family: "Fontawesome";
    color: #d04810;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px;
}

.wp-has-aspect-ratio {
    max-width: 1170px;
}

@media (min-width: 1024px) {
    .wp-has-aspect-ratio {
        margin: 3rem auto 1rem;
    }
    .elementor-widget-image .elementor-image>a,
    .elementor-widget-image .elementor-image>a img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .elementor-mobile-button-align-center .elementor-field-type-submit {
        margin: 0 auto;
        text-align: center;
        padding: 10px 15px;
    }
}

.lightfont {
    font-family: "dinot_regular" !important;
}

@media (max-width: 767px) {
    .logo-icon-wrap .elementor-element {
        width: auto !important;
        display: inline-block;
    }
    .elementor-location-footer .elementor-section-content-top .elementor-element-populated {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
    }
    .elementor-location-footer .elementor-icon-list--layout-traditional {
        margin-bottom: 3rem;
    }
    .footer-terms-section {
        padding: 0 20px !important;
    }
    .learn-more-blocks .elementor-container .elementor-element {
        margin-bottom: 4em;
    }
    /* .elementor-text-editor {
    padding: 0 20px;
  } */
}

.elementor-message-success {
    text-align: center;
    font-size: 1.25em !important;
    margin-top: 2em !important;
    color: #fff;
}

.elementor-element-131c1449 .elementor-widget-container .ae-post-overlay {
    background-color: #fff !important;
}

article.ae-post-list-item {
    padding-left: 0px !important;
    padding-right: 10px !important;
}

article.ae-post-list-item:last-of-type {
    padding-right: 0;
}

.ubermenu-tab .ubermenu-item-level-0>.ubermenu-target {
    text-transform: none !important;
}

@media (max-width: 1024px) {
    .donate-btn {
        border: none !important;
        padding: 20px !important;
        margin-top: auto;
        margin-left: auto;
    }
}

@media (min-width: 1025px) {
    .donate-btn {
        border: 2px solid #d04810 !important;
        margin-top: 1.3em !important;
        margin-left: 20px !important;
        padding: 12px !important;
    }
    .donate-btn:hover {
        background: #d04810 !important;
        color: #fff !important;
        border: 2px solid transparent !important;
    }
}

.elementor-message.elementor-message-danger {
    display: block !important;
    color: #fff !important;
    text-align: center;
}


/* styling for AE-partner list template */

.custom-partner li:first-child {
    padding-right: 5px;
}

.custom-partner li:last-child span {
    color: #7b6c6c!important;
}


/*--------------------------------------------------------------
# Styles used in Pods template
--------------------------------------------------------------*/

.related-tag {
    font-family: 'futura-bold', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #d04810;
    margin-right: 7px;
    white-space: nowrap;
}


/* related content listing, partner listing, donor listing */

ul.related-content-list {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    max-width: 100%;
}

ul.related-content-list li {
    font-family: "dinot_font", dinot_regular, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #d04810;
    margin-bottom: 10px;
    padding-right: 20px;
    width: calc(100%/3);
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
}

ul.related-content-list .locale {
    color: #6d6358;
}

@media (max-width: 1024px) {
    ul.related-content-list li {
        width: calc(100%/2);
    }
}

@media (max-width: 767px) {
    ul.related-content-list li {
        width: calc(100%/1);
    }
}


/*--------------------------------------------------------------
# Inject into styling cookie policy
--------------------------------------------------------------*/

#cookie-notice .cn-button {
    border: 1px solid black;
    background-color: #fff;
    color: #000;
    font-family: futura-bold;
    border-radius: 0;
}

#cookie-notice .cn-button:hover {
    color: #fff;
    background-color: #000;
    border-color: #fff;
}

.cn-buttons-container,
.cn-text-container {
    float: unset;
}

.cn-text-container {
    width: 70%;
    padding-left: 20px;
}

#cookie-notice .cookie-notice-container {
    border-top: 1px solid #333;
}

@media (max-width: 767px) {
    .cn-text-container {
        width: unset;
        padding-left: 0;
    }
    .cn-buttons-container,
    .cn-text-container {
        float: unset;
    }
}


/*--------------------------------------------------------------
# Auto-Inject Icon on Content Links
--------------------------------------------------------------*/


/* adds external link icon for external links */

a:not(.elementor-icon):not(.no-external):not(.no-icon):not(.wp-block-themeisle-blocks-button):not(.ubermenu-target):not(.cn-close-icon):not(.ubermenu-responsive-toggle):not(.jet-filters-pagination__link):not([href*='dndi.org']):not([href*='@']):not([href^='#']):not([href^='/']):not([href=""]):after {
    font-family: 'FontAwesome';
    font-size: smaller;
    font-style: normal;
    content: " \f08e";
}


/* adds icons for links to various file types */

a[href$=".pdf"]:not(.no-icon):not(.wp-block-themeisle-blocks-button):not(.elementor-icon):not(.elementor-button-link):not(.elementor-image):before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    content: "\f1c1 ";
}

a[href$=".doc"]:not(.no-icon):not(.wp-block-themeisle-blocks-button):not(.elementor-icon):not(.elementor-button-link):before,
a[href$=".docx"]:not(.no-icon):not(.wp-block-themeisle-blocks-button):not(.elementor-icon):not(.elementor-button-link):before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    content: "\f1c2 ";
}

a[href$=".xls"]:not(.no-icon):not(.wp-block-themeisle-blocks-button):not(.elementor-icon):not(.elementor-button-link):before,
a[href$=".xlsx"]:not(.no-icon):not(.wp-block-themeisle-blocks-button):not(.elementor-icon):not(.elementor-button-link):before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    content: "\f1c3 ";
}

a[href$=".ppt"]:not(.no-icon):not(.wp-block-themeisle-blocks-button):not(.elementor-icon):not(.elementor-button-link):before,
a[href$=".pptm"]:not(.elementor-icon):not(.elementor-button-link):before,
a[href$=".pptx"]:not(.no-icon):not(.wp-block-themeisle-blocks-button):not(.elementor-icon):not(.elementor-button-link):before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    content: "\f1c4 ";
}

a[href^="mailto"]:not(.no-icon):not(.wp-block-themeisle-blocks-button):not(.elementor-icon):not(.elementor-button-link):before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    content: "\f0e0 ";
}


/* don't put icons if linked to image */

figure a[href$=".pdf"]:before {
    content: none !important;
}

div.elementor-image a[href$=".pdf"]:before {
    content: none !important;
}

figure a:not([href*='dndi.org']):after {
    content: none !important;
}

div.elementor-image a:not([href*='dndi.org']):after {
    content: none !important;
}


/*--------------------------------------------------------------
# IE11 styles
--------------------------------------------------------------*/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .portfolio-main {
        flex: 5;
    }
    .project-card {
        width: 100%;
    }
    .port--desktop {
        flex: 1;
    }
}

.research-phase {
    transition: all 0.5s ease-in-out;
}

.research-phase:hover {
    cursor: pointer;
    background: #fff;
}

.research-phase:hover a {
    color: #ff7500;
}

body.elementor-kit-67859 {
    line-height: 18px;
}

.elementor-3821 .elementor-element.elementor-element-5d20c91 .ae-element-custom-field {
    line-height: 18px;
}


/* .ubermenu .ubermenu-item.ubermenu-item-72888 > .ubermenu-target:hover {
  background-color: #d04810 !important;
  color: #fff;
  border: none;
  background: transparent;
} */


/*------------------------------
#code for print preview
-------------------------*/

@media print {
    .custom-mobilenav {
        display: none;
    }
    .custom-topnav {
        display: none;
    }
    .elementor-location-footer {
        display: none;
    }
    .menu-slide {
        display: none;
    }
    @page {
        size: A4 landscape;
        max-height: 100%;
        max-width: 100%
    }
    body {
        page-break-before: avoid;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(.90, .99);
        -moz-transform: scale(.90, .99);
        -o-transform: scale(.90, .99);
        -ms-transform: scale(.90, .99);
        zoom: 60%
    }
    img {
        width: 100%;
        height: 100%;
        display: block;
        padding: 0;
        margin: 0;
    }
}


/*---------------------------------------------------
  # MINTHICAL - Fixes & updates
  /*---------------------------------------------------*/

.jet-checkboxes-list__item .jet-checkboxes-list__button {
    display: flex;
}