@import "compass";

body{
	.focuswp-widget--tabs{
		font-family: "Open Sans",sans-serif;
		font-size: 13px;
    	line-height: 1.5;
	  .ui-tabs-nav{
	    padding: 0px;
	    margin: 0px;
	    li{
	      float: left;
	      margin: 0px;
	      a{
	        display: block;
	        padding: 5px 7px;
	        border: 1px solid #ccc;
	        border-bottom: none;
	        background: #e4e4e4;
	        color: #555;
	        text-decoration: none;
	        margin: -4px 4px -1px 0;
	        &, &:focus{
	          outline: 0;
	        }
	      }
	      &.ui-state-active{
	        a{
	          background: #fff;
	          @include box-shadow(none);
	        }
	      }
	    }
	    &:after{
	      content: "";
	      display: table;
	      border-collapse: collapse;
	      clear: both;
	    }
	  }
	  .ui-widget-content{
	    clear: both;
	    border: 1px solid #ccc;
	    padding: 10px;
	    margin-bottom: 12px;
	    // border-top: none;
	    @include box-sizing(border-box);
	  }
	  .focuswp-widget--nooverflow{
	  	max-height: 150px;
	  	overflow-y: scroll;
	  	padding: 5px 10px;
		border: 1px solid #ececec
	  }
	}
	.focuswp-widget--form, #focuswp-media-frame{
		.ui-widget-content, .ui-widget-header, .ui-widget-header li{
			border: 0px !important;
			background: transparent !important;
		}
		.ui-widget-content.ui-tabs-panel{
			border: 1px solid #ccc !important;
		}
		.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
			font-weight: normal;
			font-size: 14px;
			padding: 5px 8px;
		}
		.easy-profile-learnmore{
			color: #0073aa;
			text-decoration: none;
			&:hover{
				text-decoration: underline;
			}
		}
	}
	.focuswp-widget--tabs--more{
		a{
			text-decoration: none;
		}
	}

	//media frame
	.focuswp-media-frame-wrapper{
		clear: both;
		width: 100%;
		min-height: 100%;
		background: #fff;
		margin-top: -15px;
		// padding-bottom: 50px;
		@include box-sizing( border-box );
		.focuswp-media-frame-inner{
			background: #fff;
			padding: 25px 15px 60px;
			@include box-sizing( border-box );

			.focuswp-widget--nooverflow{
				max-height: 230px;
			}

			textarea, input[type="text"]{
				border: 1px solid #ddd !important;
			}
		}
		.focuswp-media-frame-submit{
			position: fixed;
			bottom: 0px;
			width: 100%;
			height: 60px;
			background: #fcfcfc;
			border-top: 1px solid #ddd;
			text-align: right;
			left: 0px;
			input{
				margin: 15px 15px 0px 0px;
			}
			#focuswp-query-edit{
				display: none;
			}
		}
	}
	&.wp-customizer{
		.focuswp-fld-inline{
			select{
				width: 100%;
			}
		}
		.focuswp-widget--form{
			input[type="number"]{
				max-width: 150px;
			}
		}
	}
	.mce-focuswp-mce-btn-icon{
	    display: none !important;
	}
}