/*
Theme Name: Valenti Child
Theme URI: http://themeforest.net/item/valenti-wordpress-hd-review-magazine-news-theme/5888961
 Description: Valenti Child Theme
 Author: Cubell
 Author URI: http://themeforest.net/user/cubell
 Template: valenti
 Version: 5.0.2

*/
@import url ("library/css/style.css");

/* =Theme customization starts here. Any CSS code entered here will overwrite the parent's CSS.
-------------------------------------------------------------- */

.navigation-wrapper {
	margin-bottom:5px;
}

p {
	font-size:16px !important;
}

/*div {
	font-size:16px !important;
}
*/
div.page-header-wrapper{
	background-color:#f6f6f6 !important;
}

#donateplusform {
	background:#f6f6f6;
	padding:15px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#donateplusform h2{
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
#donateplusform input[type="text"]{
	padding:5px;
	width:80px;
	margin-left:10px;
}
div.sidebar-wrapper #search-text input[type="text"]{
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
}
.company-shout{
	width:90%;
	background:#f6f6f6;
	float:right;
	padding:10px;
}
.company-shout p {
	font-size:14px !important;
}
.company-shout a {
	color:#264491 !important;
}
.company-shout .fa {
	color:#264491;
}

body .gdl-top-slider-wrapper {
	border-bottom-color: #1e7fb0 !important;
}

.flex-control-nav, .nivo-controlNav, div.anythingSlider .anythingControls ul {
background: #1e7fb0 !important;
}
.stunning-text-wrapper {
border-left-color: #1e7fb0 !important;
border-right-color: #1e7fb0 !important;
}
div.stunning-text-wrapper {
	margin-bottom:5px !important;
	padding:10px !important;
	vertical-align:middle !important;
}

div.stunning-text-wrapper .stunning-text-content {
	text-align:left !important;
}

.stunning-text-logo {
	height:75px;
	width:135px;
	margin:5px;
	padding:5px;
	float:right;
	display:inline;
}
h1.stunning-text-title {
	text-align:left !important;
	margin-top:20px !important;
	color:#264491 !important;
	line-height:1.1em !important;
}
.stunning-text-caption {
	text-align:left;
}
div.message-box-wrapper.blue {
background-color: #f6f6f6 !important;
border-color: #f7f7f7 !important;
}
.copyright-outer-wrapper {
background-color: #264491 !important;
}
div.footer-wrapper .copyright-outer-wrapper {
border-color: #264491 !important;
}
.shortcode-list ul a {
	font-size:16px !important;
}
#inlineads { 
margin:20px; 
float:left; 
}

#text-18 { margin:20px 0px 20px 0px; background:;}

#table-indexes { background:; margin:20px -20px 0px -10px;}

#table-indexes ul { background:#2122B4; float:left;  padding:0px; min-height:100px; border:#eee 1px solid; margin: 0px 1.5% 20px 1.5% ; width: 30%; -moz-box-shadow: 0 0 3px #666;
-webkit-box-shadow: 0 0 3px#666;
box-shadow: 0 0 3px #666;}

#table-indexes ul li { list-style-type:none; border-bottom:#FFFFFF; padding:5px 5px 5px 5px; border-bottom:1px solid #FFFFFF}

#table-indexes ul li a { color:#000000; text-decoration:none;}

#table-indexes ul li a span { float:right; font-weight:bold; }

#table-indexes ul h2 { margin:0px; padding:0px; text-align:center; color:#FFF; font-size:26px; background:#1A9D1D; text-shadow:#000000 0px 0px 2px;}

#table-indexes ul h2 span { background:#FFFFFF; width:90px; text-align:center; margin:0px auto; display: inline-block;
  height: 90px;
  line-height: 90px; /* <-- this is what you must define */
  vertical-align: middle;
    border-radius: 45px;
	margin:-40px 0px 10px 0px;   box-shadow: inset 0px 0px 5px rgba(0,0,0,0.9); }

#table-indexes li.company { text-align:right; font-size:10px; font-weight:bold; padding:10px 5px 10px 5px; color:#000000;}

#table-indexes i { margin:0px 5px 0px 0px;}

#table-indexes li.footerwebsite { color:#FFFFFF; font-size:10px; text-align:left; font-weight:bold;}

#table-indexes li.footerwebsite a { color:#000; font-size:10px; text-align:right; font-weight:bold; text-decoration:none;}

/*top old*/


#table-indexes ul.top-table { background:#d4d4d4; border:2px solid #1A9D1D;}

#table-indexes ul.top-table h2 { 
  background: -webkit-linear-gradient(#4CD64C, #1A9D1D); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#4CD64C, #1A9D1D); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#4CD64C, #1A9D1D); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#4CD64C, #1A9D1D); /* Standard syntax */}

#table-indexes ul.top-table h2 span { background:#1A9D1D; border:2px solid #E8F6E7;

  background: -webkit-radial-gradient(#7FE27F, #1A9D1D); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#7FE27F, #1A9D1D); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#7FE27F, #1A9D1D); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#7FE27F, #1A9D1D); /* Standard syntax */
}

#table-indexes ul.mid-table { background:#FEF6E8; border:2px solid #FC9D28 ;}

#table-indexes ul.mid-table h2 {background:#FC9D28;

background: -webkit-linear-gradient(#FFBE7D, #FC9D28); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FFBE7D, #FC9D28); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FFBE7D, #FC9D28); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FFBE7D, #FC9D28); /* Standard syntax */

}
#table-indexes ul.mid-table h2 span { background: #FC9D28; border:2px solid #FEF6E8;

background: -webkit-radial-gradient(#FFD2A9, #FC9D28); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#FFD2A9, #FC9D28); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#FFD2A9, #FC9D28); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#FFD2A9, #FC9D28); /* Standard syntax */

 }

#table-indexes ul.mid-table li { border-bottom:1px solid #FC9D28}

#table-indexes ul.mid-table li.footerwebsite { background:#FC9D28;}


#table-indexes ul.bottom-table { background:#FAE7E8; border:2px solid #D73F44;}

#table-indexes ul.bottom-table h2 {background:#D73F44;

background: -webkit-linear-gradient(#F4848D, #D73F44); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#F4848D, #D73F44); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#F4848D, #D73F44); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#F4848D, #D73F44); /* Standard syntax */
}
#table-indexes ul.bottom-table h2 span { background:#D73F44; border:2px solid #FAE7E8;

background: -webkit-radial-gradient(#F4848D, #D73F44); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#F4848D, #D73F44); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#F4848D, #D73F44); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#F4848D, #D73F44); /* Standard syntax */

 }

#table-indexes ul.bottom-table li { border-bottom:1px solid #D73F44}

#table-indexes ul.bottom-table li.footerwebsite { background:#D73F44;}

/*new code*/

#table-indexes ul.top-table { background:#f2f2f2; border:2px solid #4d4d4d;}

#table-indexes ul.top-table h2 { 
  background: -webkit-linear-gradient(#bababa, #4d4d4d); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#bababa, #4d4d4d); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#bababa, #4d4d4d); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#bababa, #4d4d4d); /* Standard syntax */
  }

#table-indexes ul.top-table h2 span { background:#1A9D1D; border:2px solid #E8F6E7;

  background: -webkit-radial-gradient(#7FE27F, #1A9D1D); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#7FE27F, #1A9D1D); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#7FE27F, #1A9D1D); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#7FE27F, #1A9D1D); /* Standard syntax */
}

#table-indexes ul.top-table li { border-bottom:1px solid #4d4d4d}

#table-indexes ul.top-table li i { color:#1A9D1D}

/*#table-indexes ul.top-table li.footerwebsite { background:#4d4d4d; border-bottom:1px solid #4d4d4d;
} 
*/ 
#table-indexes ul.mid-table { background:#f2f2f2; border:2px solid #4d4d4d ;}

#table-indexes ul.mid-table h2 {background:#FC9D28;

background: -webkit-linear-gradient(#bababa, #4d4d4d); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#bababa, #4d4d4d); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#bababa, #4d4d4d); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#bababa, #4d4d4d); /* Standard syntax */

}

#table-indexes ul.mid-table h2 span { background: #FC9D28; border:2px solid #FEF6E8;


background: -webkit-radial-gradient(#FFD2A9, #FC9D28); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#FFD2A9, #FC9D28); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#FFD2A9, #FC9D28); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#FFD2A9, #FC9D28); /* Standard syntax */

 }
#table-indexes ul.mid-table li { border-bottom:1px solid #4d4d4d}

#table-indexes ul.mid-table li.footerwebsite { background:#f2f2f2;}

#table-indexes ul.mid-table li i { color:#FC9D28}


#table-indexes ul.bottom-table { background:#f2f2f2; border:2px solid #4d4d4d;}

#table-indexes ul.bottom-table h2 {background:#D73F44;

background: -webkit-linear-gradient(#bababa, #4d4d4d); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#bababa, #4d4d4d); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#bababa, #4d4d4d); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#bababa, #4d4d4d); /* Standard syntax */


}

#table-indexes ul.bottom-table h2 span { background:#D73F44; border:2px solid #FAE7E8;

background: -webkit-radial-gradient(#F4848D, #D73F44); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#F4848D, #D73F44); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#F4848D, #D73F44); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#F4848D, #D73F44); /* Standard syntax */


 }

#table-indexes ul.bottom-table li { border-bottom:1px solid #4d4d4d}

#table-indexes ul.bottom-table li.footerwebsite { background:#f2f2f2;}

#table-indexes ul.bottom-table li i { color:#D73F44}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#table-indexes { background:; margin:20px 0px 0px 0px;}
	
#table-indexes ul {  float:none;  margin: 50px 0px 20px 0px; ; width: 100%; -moz-box-shadow: 0 0 3px #666;

}


/* for 980px or less */
@media screen and (max-width: 780px) {


}


/* for 980px or less */
@media screen and (max-width: 480px) {
	
		

}


/* for 980px or less */
@media screen and (max-width: 380px) {
	
	
		

}

@media only screen and (min-width : 240px) {
   
}


