/************************************
*
*       Main properties Style 
*
************************************/

body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

/************************************
*
*       Cookie
*
************************************/

body.with-cookie-bar {
padding-top: 35px;
}

.cookie-bar {
position: fixed;
width: 100%;
top:0;
text-align:center;
height:25px;
line-height: 25px;
background: #eee;
}


/************************************
*
*        Top Bar Navigation 
*
************************************/
@media(min-width:1400px) {
    .topnav {
	width : auto;
	padding-left:50px;
	padding-right:50px;
    }
}


.divider-vertical {
    border-left: 1px solid gray;     /* right or left is the same */
    float: left;                     /* so BS grid doesn't break */
    opacity: 0.5;                    /* optional */
    margin: 0 15px;                  /* optional */
}

@media(max-width:991px) {
    .divider-vertical {
        border-left: 0px solid gray;     /* right or left is the same */
        margin: 0 0px;                  /* optional */
    }
}

.img-circle {
    border-radius : 50%;
    height : 40px;
    width : 40x;
}

.img-circle-xl {
    border-radius : 50%;
    height : 100px;
    width : 100x;
}

.nav-photo {
   padding :0px;
   margin-right : 10px;
   margin-left : 10px;
}

.active-nav {
  background-color : #e7e7e7;
}

.link-center {
    text-align: center;
}

/*nav a:hover:not(.active) {
    background-color: #dae0e5 ;
    color: white;
}*/

/************************************
*
*        Footer Cookie
*
************************************/

.footer{
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0px;
    background-color : black;
    text-color: white;
    vertical-align: center;
}

.footer-text{
    color: white;
}


/************************************
*
*         Home Page 
*
************************************/


.intro-header {
    text-align: center;
    color: #f8f8f8;
    background: url(../images/cover.png) no-repeat center center;
    background-size: 60%;
}

@media(min-width:1400px) {
    .intro-header {
        background-size: 60%;
    }
}


.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
}

@media(min-width:1400px) {
    .intro-message {
	height: 800px;
    }
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: em;
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

@media(max-width:767px) {
    .intro-message {
	padding-bottom: 15%;
    }

    .intro-message > h1 {
	font-size: 3em;
    }

    .intro-divider {
	width: 100%;
    }
}

/************************************
*
*        Sign Up Page
*
************************************/
#recaptcha-captcha {
    margin: 0 auto;
    display: table;
}


/************************************
*
*        World Map Page 
*
************************************/


#worldmap {
    height: 400px;
}

@media(min-width:1200px) {
    #worldmap {
	height: 600px;
    }
}

.title h1 {
    text-align:center;
    padding-top: 80px;
    padding-bottom: 20px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    font-size: 3em;
    color: #505050;
}

.title h3 {
    text-align:center;
    padding-top: 80px;
    padding-bottom: 20px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    font-size: 2em;
    color: #505050;
}

.select {
    background-color : #e7e7e7 !important;
}


/************************************
*
*        Countries Page 
*
************************************/


.gallery-images {
  padding-right:30px;
}

.countries-link {
  color: #6a6a6a;
}

.countries-font{
  font-size : 18px;
}

@media(max-width:991px) {
    .countries-font{
      font-size : 16px;
    }
}

#countries-sidenote{
  padding : 10px;
  font-size : 12px;
  font-style: italic;
}

@media(max-width:576px) {
    #countries-sidenote{
      text-align: center;
    }
}

@media(max-width:767px) {
    .countries-font{
      font-size : 12px;
    }
}

.sidebar-continent{
  color: #000000;
}

.sidebar-country{
  color : #737373;
}

@media(max-width:575px) {
    .sidebar-continent{
      text-align : center;
    }

    .sidebar-country{
      text-align : center;
    }

}


@media(max-width:575px) {
    .countries-font{
      font-size : 16px;
    }
}

 #wrapper {
    overflow-x: hidden;
 }

#sidebar-wrapper-row {
  margin-left: 0px;
  padding-right: 0px;
  margin-bottom: 20px;

}

#sidebar-wrapper {
  margin-left: 0;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
  text-align: center;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}


@media (min-width: 576px) {
  #sidebar-wrapper {
     min-height: 100vh;
  }


  #sidebar-wrapper-row {
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}


/*   Gallery Photo
*****************************/

.gallery-photo {
    padding-top :30px;
    padding-right:30px;
}

.hs-photo {
    height : 148px;
}

/*    Modal Design
* **************************/

#toggleInfo {
    text-align:center;
}

.galleryModalPhotos img {
    max-height:600px;
    width:auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.toggleInfoMark {
    display: block;
    color: #777;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2317a2b8' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2317a2b8' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/************************************
*
*        Contact Page 
*
************************************/

#contact_form{
    padding-top:50px;
}

#success_message{ 
    display: none;
}

img.captcha{
    float: right;
    height: 34px;
    width: 60px;
}

#recaptcha {
    height:100%;
    width:100%;
}

#id_captcha_1{
    width: calc(100% - 60px);
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px 4px 4px 0px;
}

/************************************
*
*        Account Page
*
************************************/



#photo_form{
    padding-top:20px;
}

#success_message{
    display: none;
}

img.captcha{
    float: right;
    height: 34px;
    width: 60px;
}

#recaptcha {
    height:100%;
    width:100%;
}

#id_captcha_1{
    width: calc(100% - 60px);
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px 4px 4px 0px;
}
.title-profile h1 {
    text-align:center;
    padding-top: 20px;
    padding-bottom: 20px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    font-size: 4em;
    color: #505050;
}

.title-profile h3 {
    text-align:center;
    padding-top: 20px;
    padding-bottom: 20px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    font-size: 2em;
    color: #505050;
}

.validated-photos {
  background-color: #c3ffb6;
}

.invalidation-photos {
  background-color: #ffeb9b;
}

.rejected-photos {
  background-color: #ffaaaa;
}



/************************************
*
*        Footer  
*
************************************/


footer {
    padding: 50px 0;
    background-color: #f8f8f8;
}

p.copyright {
    margin: 15px 0 0;
}


/************************************
*
*        Account
*
************************************/