/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/**
 * Styles for image upload in Widget
 */

.ugaam-image-uploader-container {

	display: block;
}

.ugaam-upload-btn.ugaam-btn-hide,
.ugaam-remove-btn.ugaam-btn-hide,
.ugaam-replace-btn.ugaam-btn-hide {

	display: none;
}

.ugaam-upload-btn.ugaam-btn-show,
.ugaam-remove-btn.ugaam-btn-show,
.ugaam-replace-btn.ugaam-btn-show {

	display: inline-block;
}

.ugaam-upload-image-holder.ugaam-show-img {

	display: block;
	width: 100%;
	margin-bottom: 5px;
}

.ugaam-upload-image-holder.ugaam-hide-img {

	display: none;
}

/**
 * Ad Type Option
 */

.uggam-hide-ad-input-field {

	display: none;
}

.uggam-show-ad-input-field {

	display: block;
}


/*
* Style for widget colour 
*/

.widgets-holder-wrap [id*="universal-google-adsense-and-ads-manager"] .widget-top {


    box-shadow: none !important;
    border: none !important;
    background: #ee9ca7;  /* fallback for old browsers */
    background: -webkit-linear-gradient(left, #ffdde1, #ee9ca7);
    background: -o-linear-gradient(left, #ffdde1, #ee9ca7);
    background: linear-gradient(to right, #ffdde1, #ee9ca7);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

/**
* Plugin page at dashboard 
*/


.ugaam-main-page-wrap {

	color: #444444;
	padding: 40px;
    margin-left: -20px;
	line-height: 1.6;
	box-sizing: border-box;
}

.ugaam-main-page-wrap * {

	box-sizing: border-box;
}

.ugaam-main-page-wrap h1,
.ugaam-main-page-wrap h2,
.ugaam-main-page-wrap h3,
.ugaam-main-page-wrap h4,
.ugaam-main-page-wrap h5,
.ugaam-main-page-wrap h6  {

	line-height: 1.3;
	color: #444444;
	padding: 0;
	margin: 0;
}

.ugaam-main-page-wrap p {

	line-height: 1.8;
	font-size: 14px;
	margin: 0;
	color: #444444;
}

.ug-white-bg {

	background-color: #ffffff;
}

.ug-section-spacing {

	margin-bottom: 40px;
}

.ug-section-shadow {
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.04);
	-o-box-shadow: 0 1px 1px rgba(0,0,0,.04);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.clearfix {

	clear: both;
}

.ug-row {
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;
  	flex-wrap: wrap;
  	flex-direction: row;     
	margin-left: -20px;
	margin-right: -20px;
}

.ug-col {
	
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 20px;
	padding-left: 20px;
}

.ug-main .ug-col.content-main {

	flex: 0 0 66.67%;
	max-width: 66.67%;
}

.ug-main .ug-col.sidebar {

	flex: 0 0 33.33%;
	max-width: 33.33%;
}

.ug-main .ug-col.sidebar aside {

	/* min-height: 400px; */
}

/* welcome section */

.ugaam-welcome-section {

	padding: 30px;
}

.ugaam-welcome-section h2 {

	text-transform: uppercase;
	font-size: 26px;
	font-weight: 800;
	margin: 0;
	padding: 0;
    margin-bottom: 20px;
}

.ugaam-welcome-section .ugaam-plugin-intro >p {

	overflow: hidden;
}

.ugaam-welcome-section .ugaam-plugin-intro >p:first-child:first-letter {

	color: #444444;
    float: left;
    font-size:75px;
    font-weight:bold;
    line-height: 65px;
    padding: 5px 7px 6px 7px;
    margin-right: 15px;
    border: 1px solid #444444;
    border-radius: 2px;
}


/* features section */


.ugaam-features-section .ug-col {

	flex: 0 0 33.33%;
	max-width: 33.33%;
}

.ugaam-features-section .ug-card {

	padding: 30px;
}

.ugaam-features-section .ug-icon {

	margin: 0;
    padding-bottom: 35px;
}

.ugaam-features-section .dashicons  {

	font-size: 36px;
}

.ugaam-features-section h3 {
	
	font-size: 18px;
	margin: 0;
	margin-bottom: 20px;
}


/* accordion section */


.ugaam-getting-started-section {

	padding: 30px;
}

.ugaam-getting-started-section h2 {
	
	font-size: 18px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.ug-accordion {

  position:relative;
  background-color: transparent;
  cursor: pointer;
  padding: 20px;
  padding-left: 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  border-bottom: 1px solid #f1f1f1;
}

.ug-accordion h4:hover,
.ug-accordion-active h4 {

  background-color: transparent;
  color: #0073AA;
}

.ug-accordion:after {

  content: '\002B';
  color: #777;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.ug-accordion-active:after {

  content: "\2212";
}

.ugpanel {

  position: relative;
  display: none;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 20px;
  background-color: #e2edff;
  border-radius: 5px;
}

.ugpanel:before {

	content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: -8px;
    left: 30px;
    background-color: #e2edff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}



/* Aside */

aside.ug-aside .section-title {

	font-size: 18px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

aside.ug-aside .ug-aside-widget {

	margin-bottom: 30px;
	padding: 30px;
}

aside.ug-aside .ug-aside-widget:last-child {

	margin-bottom: 0;
}

/* video */


.ug-video .ug-video-section-inner {

	position: relative;
	padding-bottom: 56.56%;
}

.ug-video .ug-video-section-inner iframe {

	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	max-width: 100%;
}


/* buttons */


.ug-buttons ul {

	margin: 0;
}

.ug-buttons ul li {
	
	display: block;
	margin-bottom: 20px;
}

.ug-buttons ul li:last-child {

	margin-bottom: 0;
}

.ug-buttons ul li a {

	display: block;
	color: #ffffff;
	padding: 20px 20px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	background: #00c6ff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(left, #0072ff, #00c6ff);
    background: -o-linear-gradient(left, #0072ff, #00c6ff);
    background: linear-gradient(to right, #0072ff, #00c6ff);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.ug-buttons ul li:nth-child(even) a {

	background: #FDC830;
    background: -webkit-linear-gradient(to right, #F37335, #FDC830);
    background: linear-gradient(to right, #F37335, #FDC830);
} 


.ug-buttons ul li a:hover {

	background: #00c6ff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(left, #00c6ff, #0072ff);
    background: -o-linear-gradient(left, #00c6ff, #0072ff);
    background: linear-gradient(to right, #00c6ff, #0072ff);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.ug-buttons ul li:nth-child(even) a:hover {

	background: #FDC830;
    background: -webkit-linear-gradient(left, #FDC830, #F37335);
    background: -o-linear-gradient(left, #FDC830, #F37335);
    background: linear-gradient(to right, #FDC830, #F37335);
}


/* media query */

@media ( max-width: 1400px ) {
	
	.ug-row {

		padding-right: -15px;
		padding-left: -15px;
	}

	.ug-col {

		padding-left: 15px;
		padding-right: 15px;
	}

	.ug-section-spacing {

		margin-bottom: 30px;
	}

	.ugaam-welcome-section,
	.ugaam-getting-started-section,
	.ugaam-features-section .ug-card {

		padding: 20px;
	}

	.ugaam-welcome-section h2 {

		font-size: 24px;
	}
}


@media ( max-width: 1024px ) { 


}


@media ( max-width: 991px ) { 


}


@media ( max-width: 768px ) { 


}

@media ( max-width: 600px ) { 


}