/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* lato-regular - latin */
@font-face {
	font-family: 'SansationRegular';
	src: url('./SansationRegular.eot');
	src: local('SansationRegular'), url('/fonts/SansationRegular.woff') format('woff'), url('/fonts/SansationRegular.ttf') format('truetype');
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
	font-display: swap;
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
	font-display: swap;
}

body{font-family:  "Lato",  sans-serif; font-weight: 400; font-size: 1.05em; }
.nav > li > a {font-family:  "Lato", sans-serif; font-weight: 700; }
h1,h2,h3,h4,h5,h6, .heading-font{ font-family: 'SansationRegular' !important; font-weight: 400; }
h2 { font-size: 1.9em; }
.alt-font{font-family: "Lato", sans-serif !important; font-weight: 700; }


/*************** ADD CUSTOM CSS HERE.   ***************/
body { 
	 background: linear-gradient(to bottom right, #9C9FA2 0%, rgba(91,96,100,0) 35%)
}
#main { min-height: 600px; background-image: url('/wp-content/uploads/dots.svg'); background-position: top right -500px; background-repeat: no-repeat; background-size: cover; padding-top: 5em; }
#main a { text-decoration: underline;}
#main a.button, #main .nav a { text-decoration: none;  }
.dark a:hover { text-decoration: none !important; background-color: #AC0A7A; }
.absolute-footer { background-color:#46494D !important; }

.nav-tabs > li > a { border-top: 0px; }
.header-main .nav > li > a { line-height: unset !important; }

footer .text-left { text-align: left; }

footer h3 { display: inline;  }
footer h3 span { display: inline-block; padding: .5em 1.25em .5em 0;  }

@media screen and (max-width: 767px) {
	#top-bar { font-size: .8em; }	
	footer .text-left { text-align: center; }
	footer .img { width: 100% !important; }
	footer h3 span { display: inline-block; padding: .25em .5em; }
	footer .text { margin-bottom: 1em; }
}

.section.dark, .section.dark p, .section.dark td {
    color: #6f7174;
}
.section.dark .heading-font, .section.dark a.lead, .section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4, .section.dark h5, .section.dark h6, .section.dark label, .section.hover-dark:hover a, .section.hover-dark:hover h1, .section.hover-dark:hover h2, .section.hover-dark:hover h3, .section.hover-dark:hover h4, .section.hover-dark:hover h5, .section.hover-dark:hover h6, .section.hover-dark:hover p {
    color: #5a6064;
}
#main .section.dark a  { color: #AC0A7A; text-decoration: none;  }
#main .section.dark a:not(.button):hover { color: #ac0a7a; text-decoration: underline !important; background-color: #fff; }
#main .section.dark a.button { color:#fff; }
#main .section.dark a.button:hover { text-decoration: none !important;}

.material-symbols-outlined { 
    font-size: 17px;
    top: 5px !important;
    position: relative !important;
    /*padding-right: .1em;*/
}
.section.dark ul li.bullet-arrow:before, .dark ul li.bullet-checkmark:before, .dark ul li.bullet-star:before {
    color: #AC0A7A;
    font-family: fl-icons;
    font-size: 16px;
    left: 0;
    position: absolute;
}

.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    margin-bottom: 0;
    padding: 9.8px 9.8px 19.6px;
}
.flickity-slider>.col .col-inner {     background: #fff; padding: .5em .5em 2em; }
.flickity-slider>.col .col-inner * { color:#000; }


/*portfolio*/
/*.row.portfolio-header { max-width: none; }
.portfolio-header > div { max-width: 1270px; margin: 0 auto; }*/
.portfolio-page-wrapper .page-wrapper { padding-top: 0; }
.next-prev-nav .flex-col + .flex-col {
    border-left: 0px solid #ececec !important;
}
.terugnav i {
    font-size: 2em;
    margin: 0 10px !important;
    top: -1px;
    vertical-align: middle;
}
.aaw_intro { font-size: .9em; font-weight: bold; }
.portfolio-bottom { margin-top: 2em; }


.nav-pills > li.active > a { background-color: #69c178 !important; }
.success.is-outline:hover { border-color: #69c178 !important; }