/* ========================================================
CSS
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');


/***********************
Reusable Styles
***********************/

/*color*/
.color-white{ color:#fff!important; }
.color-black{ color:#000; }
.color-grey{ color:#e3e3e3; }

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#e3e3e3; }

/*fonts*/
.font-weight-light{ font-weight:300; }
.font-weight-regular{ font-weight:300; }
.font-weight-bold{ font-weight:700; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }

/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }

/*border*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-circle{ border-radius:50%; }

/* Link Flip */
.link-flip{ position:relative; font-weight: 500; -webkit-transition: color 0.3s;	transition: color 0.3s;	-webkit-perspective: 600px;	perspective: 600px;	-webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; }
.link-flip:hover, .link-flip:focus { color:#fff!important; }
.link-flip::before, .link-flip::after { position: absolute; top: 0; left: -4px; z-index: -1; box-sizing: content-box; padding: 0 4px; width: 100%; height: 100%; content: ''; }
.link-flip::before { background-color: #00aeef; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);	transition-timing-function: cubic-bezier(0.7,0,0.3,1);	-webkit-transform: rotateX(90deg);	transform: rotateX(90deg);	-webkit-transform-origin:50% 100%;	transform-origin: 50% 100%; }
.link-flip:hover::before, .link-flip:focus::before { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.link-flip::after { border-bottom: 2px solid #00aeef; }


/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ background-color:#fff; font-family:"Source Sans Pro", sans-serif;  font-weight:400; padding-top:175px; }
/*Text*/
h1{  }
h2{ font-family:"PT Serif", serif; }
h3{ font-family:"PT Serif", serif; }
a{  }
a:hover{ text-decoration:none; }
strong{  }

/*list*/
ul{  }


/***********************
Form
***********************/
input{  }


/***********************
TOP NAVIGATION
***********************/
.menu-menu-1-container{ width:100%; }
.navbar{  }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ color:#000; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; line-height: 1; }
.mimage{ width:140px; opacity:1; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar .container{ margin-top:1rem; }
.name{ font-size:2.4rem; font-family:"PT Serif", serif; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.title{ font-size:0.8rem; font-family:"Source Sans Pro",Helvetica,Arial,sans-serif; text-transform:uppercase; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

.navbar-nav{ width:100%; border-top:1px solid #000; border-bottom:1px solid #000; text-transform:uppercase; }
/*on-scroll*/
.navbar.on-scroll{ box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1), 0 0px 0px 0 rgba(0, 0, 0, 0.1); }
.on-scroll .mimage{ width:0; opacity:0; }
.on-scroll .name{ font-size:1.8rem; }
.on-scroll .title{ font-size:0.8rem; }

.main-nav ul li a{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.menu-item a{ display:block; color:#000; padding:1rem!important; }

.search-field{ border-radius:2rem; padding:0 1rem; border:1px solid #e3e3e3; }
.search-field:focus{ outline:0; background-color:#f1f1f1; }

/*dropdown*/
.dropdown-menu{  }
.navbar-nav .dropdown-menu a.dropdown-item{  }
.navbar-nav .dropdown-menu a.dropdown-item:hover{  }

/*mobile navigation toggler*/
.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.icon-bar{ width:40px; height:6px; display: block; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-top:7px; } 
.icon-bar.top-bar{ margin-top:0px; } 
.navbar-toggler{ border: none; }
.navbar-toggler .top-bar{ transform:translate(2px,13px) rotate(45deg); }
.navbar-toggler .middle-bar{ opacity: 0; }
.navbar-toggler .bottom-bar{ transform:translate(2px,-13px) rotate(-45deg); }
.navbar-toggler.collapsed .top-bar{ transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar{ opacity: 1; }
.navbar-toggler.collapsed .bottom-bar{ transform: rotate(0); }


/***********************
FOOTER
***********************/
#footer{  }
.footer-logo{  }
#footer h2{  }
#footer button{  }
#footer ul li a{  }
#footer .social a{  }
.copyright{ font-size:0.8rem; }
.copyright a{ color:#fff; text-decoration:underline; }
/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

.sidebar{ border:1px solid #000; }
.sidebar .widget{ margin-bottom:3rem; }
.sidebar h3{ text-decoration:none!important; font-weight:bold; margin-bottom:1rem; }
.sidebar ul{ list-style-type:none; padding:0; }
.sidebar ul li{ border-top:1px solid #999; }
.sidebar ul li a{ color:#555; padding:0.5rem 0; display:table; }
.sidebar .widget_categories label{ display:none; }
.sidebar .widget_categories select{ padding:0.5rem; border:1px solid #555; }

/*section-hero*/
.section-hero{  }
.section-hero h1{  }

/*for wordpress editor*/
.section-contentpage{  }
.section-contentpage h2{  }
.section-contentpage h3{ font-size:1.2rem; text-decoration:underline; }
.section-contentpage p{ font-size:0.8rem; }
.section-contentpage .date{ display:block; font-size:0.8rem; text-transform:uppercase; margin:0.5rem 0 1.5rem 0; }
.section-contentpage a{ color:#77924b; }
.section-contentpage a p, .section-contentpage a span{ color:#000; }
.section-contentpage a:hover{ text-decoration:none; }
.section-contentpage strong{  }
.section-contentpage ul{  }
.linkedin{ color:#0e76a8!important; font-size:3rem; margin-top:2rem; display:block; }

.section-about h2{ font-size:1rem; }
.section-about h3{ font-size:1.4rem; text-decoration:none; }
.section-about p{ font-size:1rem; margin-bottom:1rem; }


/*alm-item*/
.alm-reveal{ display:flex; flex-wrap:wrap; justify-content:start; }
.alm-item{ flex-basis:31.3%; margin:0 1% 2rem 1%!important; padding-right:1rem!important; }
.alm-load-more-btn{ background-color:#000!important; }

/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {
	body{ padding-top:85px; }	
	.navbar{ border-bottom: 1px solid #000; }
	.navbar-nav{ border-bottom:0; }
}

/*between 576px and 768px*/
@media (min-width: 576px) and (max-width: 768px) {
	
}

/*less than 768px*/
@media (max-width: 768px){
	body{ padding-top:85px; }	
}

/*between 768px and 992px*/
@media (min-width: 768px) and (max-width: 992px) {
	body{ padding-top:120px; }
	
}

/*less than 992px*/
@media (max-width: 992px) {
	.navbar .container{ margin-top:0.25rem; }
	.name{ font-size:1.3rem; }
	.on-scroll .name{ font-size:1.3rem; }
	.alm-item{ flex-basis:98%; margin:0 1% 2rem 1%!important; padding-right:1rem!important; padding:0!important; }
	.alm-item img{ position:relative!important; max-width:inherit!important; width:100%!important; height:auto!important; max-height:inherit!important; }
}

/*more than 992px*/
@media (min-width: 992px) {	
	.on-scroll .navbar-brand{ padding:0; }
	.section-contentpage.section-news .border-r{ border-right:1px solid #e3e3e3; }
	.alm-item{ border-right:1px solid #e3e3e3; }
	.alm-item:nth-child(3n+3){ border-right:0; }
}

/*between 992px and 1200px*/
@media (min-width: 992px) and (max-width: 1200px) {
	.alm-item{ flex-basis:48.0%; margin:0 1% 2rem 1%!important; padding-right:1rem!important; }
}

/*more than 992px*/
@media (min-width: 1200px) {
	section .container, nav .container { max-width: 1500px; }
}