/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
/*Add your own styles here:*/

/******Css for Floting words page(29th-Jan-2018)***/

.custom_floating_words li {list-style: outside none none; margin: 0; } 
.custom_floating_words {height: 544px; left: 0; margin: 0 auto; overflow: hidden; position: absolute; right: 0; top: 216px; width: 73.7%; font-family:"Chelsea Market",cursive !important; } 
.custom_floating_words ul li a, .custom_floating_words ul li a:hover{text-decoration:none;color:#fff; display:block; width:15em; -moz-transition:-moz-transform .15s linear; -o-transition:-o-transform .15s linear; -webkit-transition:-webkit-transform .15s linear; text-transform: uppercase; }
.custom_floating_words ul li a .heading-first { font-size: 33px; margin-bottom: 8px; font-weight:bold; } 
.custom_floating_words ul li a {color:#fff;}
.custom_floating_words ul li h2{font-size:140%; font-weight:bold; padding-bottom:10px; } 
.custom_floating_words ul li p{font-family:"Reenie Beanie",arial,sans-serif;font-size:180%;}
.custom_floating_words ul li a{-webkit-transform: rotate(-8deg); -o-transform: rotate(-8deg); -moz-transform:rotate(-8deg); left: 5%; position: relative; top: 20px; cursor: auto; } 
.custom_floating_words ul li:nth-child(even) a{ -o-transform:rotate(1deg); -webkit-transform:rotate(1deg); -moz-transform:rotate(1deg); left: 260px; position: relative; top: 110px; color:#e25b83; /*background:#cfc;*/ } 
.custom_floating_words ul li:nth-child(2n) a .heading-first {font-size: 38px;}
.custom_floating_words ul li:nth-child(3n) a{-o-transform:rotate(-9deg); -webkit-transform:rotate(-9deg); -moz-transform:rotate(-9deg); position:relative; top: 230px; left: 10px; color: #e25b83; /*  background:#ccf; */ } 
.custom_floating_words ul li:nth-child(4n) a{ -o-transform:rotate(-8deg); -webkit-transform:rotate(-8deg); -moz-transform:rotate(-8deg); position:relative; top:-204px; left: 337px; color: #ffffff !important; /*  background:#ccf; */ } 
.custom_floating_words ul li:nth-child(4n) a .heading-first {font-size: 28px; font-weight: bold; padding-bottom: 10px; } 
.custom_floating_words ul li:nth-child(5n) a{-o-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); position:relative; color: #ffffff; top:130px; left: 280px;}
.custom_floating_words ul li:nth-child(6n) a{-o-transform:rotate(-15deg); -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); position:relative; top:-168px; left: -7px; color: #fff; /* color: #e25b83; */ }
.custom_floating_words ul li:nth-child(6n) a .heading-first {font-size: 28px;}
.custom_floating_words ul li:nth-child(5n) a .heading-first {font-weight: bold;font-size: 26px;}
.custom_floating_words ul li:nth-child(7n) a .heading-first {font-weight: bold;font-size: 26px;}
.custom_floating_words ul li:nth-child(3n) a .heading-first { font-weight: bold; font-size: 30px; }
.custom_floating_words ul li:nth-child(7n) a{ -o-transform:rotate(-11deg); -webkit-transform:rotate(-11deg); -moz-transform:rotate(-11deg); position:relative; top:-140px; left: 370px; color: #fff;} 
.custom_floating_words ul li:nth-child(8n) a{ -o-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); position:relative; top:-230px; left: 390px; /* color: #e25b83; */ }

/* .custom_floating_words ul li a:hover, .custom_floating_word ul li a:focus{  box-shadow:10px 10px 7px rgba(0,0,0,.7);  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);  -webkit-transform: scale(1.25);  -moz-transform: scale(1.25);  -o-transform: scale(1.25);  position:relative;  z-index:5;  } */
 
.custom_floating_words > ul > li > a > span { display: block; } 
.custom_floating_words > ul { margin: 0; } 
.heading-first {font-size: 30px; text-transform: uppercase; } 
.custom_floating_words > ul { margin: 50px 0 0 30px; } 













.custom_floating_words li a span { 
  white-space: nowrap;
  overflow: hidden;
  width: 30em;
}


.custom_floating_words li a span {
  animation: type 2s steps(60, end);
  -webkit-animation: type 2s steps(60, end) infinite;
  -moz-animation: type 2s steps(60, end) infinite;
  o-animation: type 2s steps(60, end) infinite;
}


@keyframes type {
    from { width: 0; }
}

@-webkit-keyframes type {
    from { width: 0; }
}

@-moz-keyframes type {
    from { width: 0; }
}

@-o-keyframes type {
    from { width: 0; }
}








/*


Desktop Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {

}

/*

Mobile Styles

================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
.custom_floating_words ul li a, .custom_floating_words ul li span { font-size: 12px !important; font-weight: normal !important; top: 0 !important; transform: rotate(0deg) !important; left: 0 !important; margin-bottom: 0 !important; display: inline-block !important;}
.custom_floating_words {top: 80px;}
}