/*
Theme Name: Color MagazineX Child
Theme URI: https://mysterythemes.com/wp-themes/color-magazinex
Template: color-magazinex
Author: Mystery Themes
Author URI: https://mysterythemes.com
Description: Introducing our captivating Color MagazineX Theme - a dynamic and visually immersive platform designed to elevate your online publication to new heights. With its sleek and modern layout, seamless navigation, and customizable features, our theme empowers you to showcase a diverse range of content with style and finesse.With WordPress customizer, you can easily add a site logo, change colors, typography options and enhanced slider layouts with instant preview. It comes with pre-made demos that you can import to set up a well-designed professional website quickly. This theme has powerful features like a sticky header, category colors, and many more. Check the demo here: https://preview.mysterythemes.com/color-magazinex/
Tags: blog,portfolio,news,grid-Layout,one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,full-width-template,footer-widgets,rtl-language-support,theme-options,translation-ready,block-styles,wide-blocks
Version: 1.0.4.1743775549
Updated: 2025-04-04 14:05:49

*/

i{
     font-size: 25px;
  color: #3D9DB3;
  font: bold; 
 }
 .div_block_vertical_container {
		margin: 0 auto;
				margin-top:20px;


}
.div_block_vertical {
		 	width: 100%;
			margin-top:10px;
	font-size: 18px;
	font-weight: normal;
	color: #006;
	border: medium solid #000;
	background-color: #FFF;
	-moz-border-radius: 15px;
	border-radius: 2px;
 box-shadow: 10px 10px 5px #888888;
 padding-left:10px;
}

.div_message {
			margin: 0 auto;
				margin-top:20px;

border: medium solid #000;
	background-color: #FFF;
	-moz-border-radius: 15px;
	border-radius: 2px;
 box-shadow: 10px 10px 5px #888888;
 padding-left:10px;
}

 div_block_vertical_label {
			width: 100%;
			margin-top:20px;
	font-size: 18px;
	font-weight: bold;
	color: #006;
	text-align: left;



}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	margin: 0;
	padding: 0.8em 1em;
	border: thin solid #000;
	color: #fff;
	color: var(--button-text-color);
	background-color: #c9493b;
	background-color: var(--button-color);
	text-decoration: none;
	font-weight: bolder;;
	font-size: 14px;

		width: 160px;
	height: 40px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"]{
    width:150px;
    color: #06C ; 
    background-color: #FFFFFF; 
    border: thin solid #000;
    

}



table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.blueTable tbody td {
  font-size: 13px;
}
table.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.primary-navigation {
	position: relative;
	width: 100%;
	  color: #FFFFFF;
	   background: #EEEEEE;
}

.form_style{
    
width:100%;
    max-width: 350px;
	margin: 0 auto;
margin: auto;
  padding: 10px;
  
    margin-left: 0px;
	
				margin-top:20px;

    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form_style label{
    display:block;
    margin-bottom: 10px;
}
.form_style label > span{
    float: left;
    width: 25%;
    color: #00F;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 1px 1px 1px #fff;
}
.form_style fieldset{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0px 0px 10px 0px;
    border: 1px solid  #000;
    padding: 20px;
    background: #A6E3F9;
    box-shadow: inset 0px 0px 15px #FFE5E5;
    -moz-box-shadow: inset 0px 0px 15px #FFE5E5;
    -webkit-box-shadow: inset 0px 0px 15px #FFE5E5;
}
.form_style fieldset legend{
    color: #F00;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    background: #A6E3F9;
    padding: 0px 8px 3px 8px;
    box-shadow: -0px -1px 2px #F1F1F1;
    -moz-box-shadow:-0px -1px 2px #F1F1F1;
    -webkit-box-shadow:-0px -1px 2px #F1F1F1;
    font-weight: bold;
    font-size: 18px;
}
.form_style textarea{
    width:250px;
    height:100px;
}
.form_style input[type=text],
.form_style input[type=password],

.form_style input[type=date],
.form_style input[type=datetime],
.form_style input[type=number],
.form_style input[type=search],
.form_style input[type=time],
.form_style input[type=url],
.form_style input[type=email],
.form_style input[type=tel],
.form_style select,

.form_style textarea{
    border-radius: 3px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 3px;
    border: 1px solid  #000;
    outline: none;
    color: #00F;
	font-weight: bold;
	font-size:14px;
    padding: 5px 8px 5px 8px;
    box-shadow: inset 1px 1px 4px  #999999;
    -moz-box-shadow: inset 1px 1px 4px #999999;
    -webkit-box-shadow: inset 1px 1px 4px #999999;
    background: #FFF;
    width:300px;
   
}
.form_style  input[type=submit],
.form_style  input[type=button]{
   background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.form_style  input[type=submit]:hover,
.form_style  input[type=button]:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.form_style input[type=checkbox] {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 10px 12px 10px 0;
    /*border-radius*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0;
}
.form_style input[type=checkbox]:before {
    content: "";
    display: block;
    border: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
    /*box-shadow*/
    -webkit-box-shadow: 0 2px 0 #bdc3c7;
    -moz-box-shadow: 0 2px 0 #bdc3c7;
    box-shadow: 0 2px 0 #bdc3c7;
    width: 16px;
    height: 16px;
    padding: 0px;
    margin: -2px;
    /*border-radius*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.form_style input[type=checkbox]:active,
.form_style input[type=checkbox]:focus {
    /*box-shadow*/
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.form_style input[type=checkbox]:checked { background: #27ae60 }
.form_style input[type=checkbox]:checked:before {
    content: "✔";
    color: #2ecc71;
    text-align: center;
    line-height: 1.6;
    font-size: 10px;
    /*box-shadow*/
    -webkit-box-shadow: 0 2px 0 #bdc3c7 ,inset 0 1px 0px 0 #107a3d;
    -moz-box-shadow: 0 2px 0 #bdc3c7 ,inset 0 1px 0px 0 #107a3d;
    box-shadow: 0 2px 0 #bdc3c7 ,inset 0 1px 0px 0 #107a3d;
    text-shadow: 0 -1px 0 #107a3d;
    width: 16px;
    height: 16px;
    padding: 0px;
    margin: -2px;
    /*border-radius*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}