Current File : /home/itiffy/itiffyproject.com/aspen/wp-content/themes/vw-painter/css/customize-controls.css

#customize-controls .control-section-vw-painter .accordion-section-title:hover,
#customize-controls .control-section-vw-painter .accordion-section-title:focus {
	background-color: #fff;
}
.control-section-vw-painter .accordion-section-title .button {
	margin-top:  -4px;
	font-weight: 400;
	margin-left: 8px;
}
.rtl .control-section-vw-painter .accordion-section-title .button {
	margin-left:  0;
	margin-right: 8px;
}
/* ---------Customizer--------- */
.control-section-vw-painter h3.accordion-section-title {
	background-image: linear-gradient(to right, #00d2a0, #7ab901, #efc62a, #e89314 ) !important;
	color: #fff !important;
}
a.button.button-secondary.alignright {
  color: #1e1d24;
  box-shadow: none;
  border: solid 2px #1e1d24;
  font-weight: bold;
  padding: 0 10px;
  background: transparent;
  height: 31px;
}
a.button.button-secondary.alignright:hover {
	background: #1e1d24;
	color: #fff;
}
.customize-control-title, .customize-reset-title, .premium-opt{
  display: -webkit-inline-box;
  font-size: 12px;
  line-height: 25px;
  font-weight: 600;
  margin-bottom: 10px;
  background: #0085ba;
  padding: 0px 15px;
  color: #fff;
}
a.go-pro-btn{
  background-color: #00a32a;
  border-color: #00a32a;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  padding: 5px 10px 5px 10px;
  margin: 8px 0px 0px 0px;
  border-radius: 3px;
  font-weight: 600;
  display: inline-block;
}
/*------- Typogarphy ----------*/

.customize-control-typography li.typography-font-weight,
.customize-control-typography li.typography-font-style,
.customize-control-typography li.typography-font-size,
.customize-control-typography li.typography-line-height {
  float: left;
  width: 50%;
}
.customize-control-typography li.typography-font-weight select,
.customize-control-typography li.typography-font-style select {
  width: 90%;
}
.customize-control-typography li.typography-font-weight,
.customize-control-typography li.typography-font-size {
  clear: both;
}
.customize-control-typography li.typography-font-size input,
.customize-control-typography li.typography-line-height input {
  width: 90%;
}
input.typography-font-color {
  padding: 0;
  margin: 0;
}
li#customize-control-vw_painter_h1_typography,
li#customize-control-vw_painter_h2_typography,
li#customize-control-vw_painter_h3_typography,
li#customize-control-vw_painter_h4_typography,
li#customize-control-vw_painter_h5_typography,
li#customize-control-vw_painter_p_typography {
  border-bottom: solid 2px #1e1e1e1e;
  padding-bottom: 12px;
}

/* ---------Image Toggle --------- */
img.vw-painter-radio-img-img {
  width: 80px;
  margin-right: 3px;
}
img.vw-painter-radio-img-selected {
  border: solid 2px #0085ba;
}
ul#vw-painter-img-container{
  padding-left: 0;
}
ol, ul {
  padding-left: 0;
}
/* ---------Excerpt & Logo --------- */
input#_customize-input-vw_painter_excerpt_number,
input#_customize-input-logo_size, 
input#_customize-input-vw_painter_slider_excerpt_number,
input#_customize-input-vw_painter_services_excerpt_number,
input#_customize-input-vw_painter_slider_opacity_color {
  width: 100%;
}
/* ---------FontAwesome Icon Styles--------- */
.type-icon{
  overflow: hidden;
}
.selected-icon{
  background: #F6F6F6;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #EEE;
  position: relative;
  margin-right: 45px;
  cursor: pointer;
  font-size: 28px;
}
.selected-icon .fa{
  display: block;
  line-height: 45px;
}
.selected-icon span{
  position: absolute;
  background: #F6F6F6;
  right: -45px;
  top: -1px;
  height: 45px;
  width: 45px;
  border: 1px solid #EEE;
  font-size: 20px;
}
.icon-list{
  height: 215px;
  overflow-y: scroll;
  font-size: 18px;
  border: 1px solid #EEE;
  border-right: 0;
  border-top: 0;
  padding-bottom: 4%;
  display: none;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.icon-list li{
  float: left;
  margin: 4% 3% 0;
  height: 40px;
  width: 16%;
  text-align: center;
  line-height: 40px;
  border: 1px solid #EEE;
}
.icon-list li:hover{
  background: #333;
  border: 1px solid #333;
  color: #FFF;
}
.icon-list li.icon-active{
  background: #0073aa;
  border: 1px solid #0073aa;
  color: #FFF;
}
.vw-painter-social-class{
  display: none;
}
.socialInput{
  padding: 10px;
  font-size: 16px;
}
input[type="range"] {
  width: 100%;
}