/*
Theme Name: Color Magazine Pro Child
Theme URI: https://mysterythemes.com/wp-themes/color-magazine-pro
Template: color-magazine-pro
Author: Mystery Themes
Author URI: https://mysterythemes.com
Description: Color Magazine Pro is a complete solution for a digital news website. It is a responsive magazine WordPress theme that is a perfect fit for online newspapers, magazines, journals, and any publication websites. The quality design, clean coding, high customizability, responsiveness, and flexibility will make your digital experience smooth. It has multiple layouts to help you select matching layouts for the front page, posts, pages, and archives. In addition, Color Magazine Pro offers advanced features like a sticky header, category colors, slider, preloader, social icon options, site layouts, trending & ticker sections, breadcrumbs settings, and many more.
Tags: blog,portfolio,news,one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,footer-widgets,post-formats,rtl-language-support,theme-options,translation-ready
Version: 1.1.0.1712601095
Updated: 2024-04-08 18:31:35

*/



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;
  width: 300px;

}

.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;
}

.woocommerce ul.products li.product img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  /* Use "cover" if you want it cropped */
}