/*
Theme Name: Angels Home Page
Theme URI: http://www.vlastimirpantic.tk
Author:         Vlastimir Pantic
Author URI:     http://www.vlastimirpantic.tk
Description: Pocetna stranica.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: pocetna, home
Text Domain: angelshomepage

*/

 

/* ==========================================================================
   General styles
   ========================================================================== */
   
@font-face {
    font-family: 'Jupiter';
    src: url('./files/fonts/jupiter_pro_regular-webfont.woff2') format('woff2'),
         url('./files/fonts/jupiter_pro_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body,
html {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: 'Jupiter', 'Oxygen', "Segoe UI", "Helvetica Neue Light", Helvetica, sans-serif;
  background: #000;
  color: #d6b884;
  font-weight: 300;
}

 /* unvisited link */
a:link {
  font-family: 'Jupiter', 'Oxygen', "Segoe UI", "Helvetica Neue Light", Helvetica, sans-serif;
    color: #d6b884;
	text-decoration: none;
	font-size: 2.5em;
    font-weight: 400;	
}

/* visited link */
a:visited {
    text-decoration: none; 
	color: rgb(214, 184, 132, 0.7);
}

/* mouse over link */
a:hover {
    text-decoration: none; 
	color: rgb(214, 184, 132, 0.7);
}

/* selected link */
a:active {
    text-decoration: none; 
	color: rgb(214, 184, 132, 0.7);
} 

img { max-width: 100%; }

.home-page-link {
		/*color: #fff;*/
		background: linear-gradient(to right, #d6b884 10%, #fff 50%, #96815d 60%);
		/*background-size: auto auto;
		background-clip: border-box;*/
		background-size: 200% auto;
		color: #fff;
		background-clip: text;
		text-fill-color: transparent;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: textclip 1.5s linear infinite;
		display: inline-block;
	}
@keyframes textclip {
	to {
		background-position: 200% center;
	}
}


/* ==========================================================================
   Progress bar
   ========================================================================== */
   
.progress {
  overflow: hidden;
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}

.progress-bar {
  background-color: #1565C0;
  color: #fff;
  text-align: right;
  padding-right: 2em;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/* ==========================================================================
   animation
   ========================================================================== */

.animation-container {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -100;
  width: 100%;
}

.clouds {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: transparent url(./files/img/clouds.png) repeat-x 50% 50%;
  background-size: cover;
  -webkit-animation: clouds 100s linear 0s infinite both;
  animation: clouds 100s linear 0s infinite both;
}
 @-webkit-keyframes clouds {
 from {
 background-position: 0 50%, 50% 50%;
}
 to {
 background-position: -150em 50%, 50% 50%;
}
}
 @keyframes clouds {
 from {
 background-position: 0 50%, 50% 50%;
}
 to {
 background-position: -150em 50%, 50% 50%;
}
}

/* ==========================================================================
   Logo styles
   ========================================================================== */
   

.angels-logo { margin: 1.5em 0; }
.angels-links { margin: 1.5em 0; }


/* ==========================================================================
   social media styles
   ========================================================================== */
   
.social { padding-bottom: 3em; padding-top: 1em; }

.social p {
  font-size: 1.3em;
  color: #d6b884;
}

.social-icons {
  list-style: none;
  padding-left: 0;
}

.social-icons li {
  display: inline-block;
  padding-right: 1em;
}

.social-icons li:last-child { padding-right: 0; }

.social-icons a {
  display: inline-block;
  color: #fff;
}

.social-icons a:hover {
  color: #fff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.fa-2x { font-size: 1.5em; }


.wpml-ls-legacy-list-horizontal a:link {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
	line-height: 1;
	font-size: 1.3em;
}

/* visited link */
.wpml-ls-legacy-list-horizontal a:visited {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
	line-height: 1;
}

/* mouse over link */
.wpml-ls-legacy-list-horizontal a:hover {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
	line-height: 1;
}

/* selected link */
.wpml-ls-legacy-list-horizontal a:active {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
	line-height: 1;
} 




/* ==========================================================================
   Small devices (tablets, 768px and up)
   ========================================================================== */

@media (min-width: 768px) {

.angels-logo { margin: 10em 0 5em 0;}
.angels-links { margin: 15em 0 0 0;}

a:link { font-size: 2.2em;}

/* visited link */
a:visited { font-size: 2.2em;}
/* mouse over link */
a:hover { font-size: 2.2em;}
/* selected link */
a:active { font-size: 2.2em;}

.social { padding-bottom: 3em; }

.social p {
  font-size: 1.7em;
  color: #d6b884;
}

.wpml-ls-legacy-list-horizontal a:link {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
	line-height: 1;
	font-size: 1.7em;
}

/* visited link */
.wpml-ls-legacy-list-horizontal a:visited {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
	line-height: 1;
}

/* mouse over link */
.wpml-ls-legacy-list-horizontal a:hover {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
	line-height: 1;
}

/* selected link */
.wpml-ls-legacy-list-horizontal a:active {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
	line-height: 1;

}


/* ==========================================================================
   Medium devices (desktops, 992px and up)
   ========================================================================== */

@media (min-width: 992px) {

.angels-logo { margin: 12em 0 5em 0;}
.angels-links { margin: 20em 0 0 0;}

a:link {
	font-size: 3.2em;
}

/* visited link */
a:visited {
	font-size: 3.2em;
}
/* mouse over link */
a:hover {
	font-size: 3.2em;
}
/* selected link */
a:active {
	font-size: 3.2em;
}


}