/*Color Scheme*/
	:root{
	/*Blue*/--primary: #52B0E0;
	/*Red*/--secondary: #E36671;	
	/*Orange*/--tertiary: #F2A95B;	
	/*Green*/--quaternary: #87C7BC;	
		}
	/*Background Scheme*/
		:root{
		/*Blue*/--primary-bg: #A5E1EB;
		/*Red*/--secondary-bg: #F2C1C6;		
		/*Orange*/--tertiary-bg: #ffc0b2;	
		/*Green*/--quaternary-bg: #CFF5F1;
		}
/*Menu*/
	/*Navbar*/
		.uk-navbar-container{border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; margin-bottom: 20px;}
	/*Dropdown*/
		.uk-navbar-dropdown-nav>li>a{border-bottom: 0.5px solid #CBCBCB}		
		.uk-navbar-dropdown-nav .uk-nav-sub a:nth-child(1){font-size: 15px; line-height: 35px; font-weight: 400}
		.uk-navbar-dropdown-nav .uk-nav-sub a:focus, .uk-navbar-dropdown-nav .uk-nav-sub a:hover, .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a{font-weight: 600}		
		/*Icons*/
			.uk-navbar-dropdown-nav img {margin-top: 10px;}
			.uk-navbar-dropdown .uk-svg{position: absolute; right: 0; margin-top: 5px;}
	/*Mobile*/
		@media(max-width: 959px){
			.uk-navbar{height: 80px}
		}
	/*Subnav*/
		.sticky {position: fixed;  width: -webkit-fill-available; width: -moz-available; top: 0; background: var(--primary); padding: 0; z-index: 10000}
		.sticky .el-link, .sticky .title{color: #fff !important; padding-bottom: 10px; padding-top: 10px; text-transform: capitalize;}				
		.sticky .el-link:hover, .sticky .el-link:active {color: #fff !important; text-decoration: underline;}
		.sticky .main-content-nav-hr {display: none;}	
		.sticky .uk-breadcrumb span, .sticky .uk-breadcrumb>*>*, .sticky .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{color: #fff !important}		
/*Themes*/
	/*Selectors*/
		.blue .uk-active .uk-card-primary, .blue .uk-card-primary:hover{background: var(--primary)}
		.red .uk-active .uk-card-primary, .red .uk-card-primary:hover{background: var(--secondary)}
		.orange .uk-active .uk-card-primary, .orange .uk-card-primary:hover{background: var(--tertiary)}
		.green .uk-active .uk-card-primary, .green .uk-card-primary:hover{background: var(--quaternary)}
	/*href*/
		.red a .uk-link/*, .red a*/{color: var(--secondary);}
		.orange a .uk-link/*, .orange a*/{color: var(--tertiary);}
		.green a .uk-link {color: var(--quaternary);}	
	/*Nav*/
		.blue .uk-navbar-nav>li.uk-active>a, .uk-navbar-dropdown-nav>li>a.blue, #blue .el-title, #blue title, #blue product{color: var(--primary)}
		.red .uk-navbar-nav>li.uk-active>a, .uk-navbar-dropdown-nav>li>a.red, #red .el-title,  #red title, #red product{color: var(--secondary)}
		.orange .uk-navbar-nav>li.uk-active>a, .uk-navbar-dropdown-nav>li>a.orange, #orange .el-title,  #orange title, #orange product{color: var(--tertiary)}
		.green .uk-navbar-nav>li.uk-active>a, .uk-navbar-dropdown-nav>li>a.green, #green .el-title,  #green title, #green product{color: var(--quaternary)}
	/*Botoes*/
		.red .uk-open .el-title, .red .uk-accordion-title:focus, .red .uk-accordion-title:hover{color: var(--secondary);}
		.orange .uk-open .el-title, .orange .uk-accordion-title:focus, .orange .uk-accordion-title:hover{color: var(--tertiary);}
		.green .uk-open .el-title, .green .uk-accordion-title:focus, .green .uk-accordion-title:hover{color: var(--quaternary);}
    /*Botoes*/
		.red .uk-button{background: var(--secondary);}
		.orange .uk-button{background: var(--tertiary);}
		.green .uk-button{background: var(--quaternary);}		
	/*Sticky navbar*/
		.red #detail-nav svg{background: var(--secondary);}
		.orange #detail-nav svg{background: var(--tertiary);}
		.green #detail-nav svg{background: var(--quaternary);}
	/*Router*/
		 .blue #router-header, .blue .uk-card-default{background-color: var(--primary-bg);}
		 .red #router-header, .red .uk-card-default{background-color: var(--secondary-bg);}
		 .orange #router-header, .orange .uk-card-default{background-color: var(--tertiary-bg);}		 		
		 .blue #router-header, .blue .uk-card-default{background:linear-gradient(90deg, rgba(82,174,226,1) 0%, rgba(159,212,252,1) 100%) !important}
		 .red #router-header, .red .uk-card-default{background:linear-gradient(90deg, rgba(249,188,190,1) 0%, rgba(235,143,146,1) 50%, rgba(218,96,93,1) 100%) !important}
		 .orange #router-header, .orange .uk-card-default{background:linear-gradient(90deg, rgba(243,170,91,1) 0%, rgba(255,219,181,1) 100%) !important}
		 .green #router-header, .green .uk-card-default{background:linear-gradient(90deg, rgba(135,199,188,1) 0%, rgba(95,165,158,1) 50%, rgba(53,116,111,1) 100%) !important}
		 @media (min-width: 960px){
		 	.blue #router-header, .blue .uk-card-default{background:url("/images/homepage/banners_secundarios/calendarios.png") no-repeat right, linear-gradient(90deg, rgba(82,174,226,1) 0%, rgba(159,212,252,1) 100%) !important;}
			.red #router-header, .red .uk-card-default{background:url("/images/homepage/banners_secundarios/fotos.png") no-repeat right, linear-gradient(90deg, rgba(249,188,190,1) 0%, rgba(235,143,146,1) 50%, rgba(218,96,93,1) 100%) !important}			 				
			.orange #router-header, .orange .uk-card-default{background:url("/images/homepage/banners_secundarios/fotolivros.png") no-repeat right, linear-gradient(90deg, rgba(243,170,91,1) 0%, rgba(255,219,181,1) 100%) !important}		 					
			.green #router-header, .green .uk-card-default{background:url("/images/homepage/banners_secundarios/convites.png") no-repeat right, linear-gradient(90deg, rgba(135,199,188,1) 0%, rgba(95,165,158,1) 50%, rgba(53,116,111,1) 100%) !important}	
		 		.blue .uk-card-default .el-image, .red .uk-card-default .el-image, .orange .uk-card-default .el-image, .green .uk-card-default .el-image{display: none;}						 		
			}
	/*Popup*/
		.red .sticky{background: var(--secondary);}
		.orange .sticky{background: var(--tertiary);}
		.green .sticky{background: var(--quaternary);}	
    /*Newsletter*/
		.red #newsletter-form-wrapper .uk-button{background: var(--secondary);}
		.orange #newsletter-form-wrapper .uk-button{background: var(--tertiary);}
		.green #newsletter-form-wrapper .uk-button{background: var(--quaternary);}			
	/*Theme Title*/	
		.red .uk-marker{color: var(--secondary)}
		.green .uk-marker{color: var(--quaternary)}
		.orange .uk-marker{color: var(--tertiary)}	
	/*Cards*/
		#cards.blue .uk-flex{background: var(--primary-bg);} 
		#cards.red .uk-flex{background: var(--secondary-bg);}
		#cards.green .uk-flex{background: var(--quaternary-bg);}
		#cards.orange .uk-flex{background: var(--tertiary-bg);}	
	/*Section*/
		.red .uk-section-primary{background: var(--secondary-bg);}
		.green .uk-section-primary{background: var(--quaternary-bg);}
		.orange .uk-section-primary{background: var(--tertiary-bg);}	
	/*Category Header*/	
		.blue #category-header{background-color: var(--primary)}
		.red #category-header{background-color: var(--secondary)}
		.green #category-header{background-color: var(--quaternary)}
		.orange #category-header{background-color: var(--tertiary)}
	/*Category Title*/	
		.blue #product-grid .el-title{color: var(--primary)}
		.red #product-grid .el-title{color: var(--secondary)}
		.green #product-grid .el-title{color: var(--quaternary)}
		.orange #product-grid .el-title{color: var(--tertiary)}
	/*SVGs*/
		.blue [id^="swap-"] path{fill: var(--primary)}
		.red [id^="swap-"] path{fill: var(--secondary)}
		.green [id^="swap-"] path{fill: var(--quaternary)}
		.orange [id^="swap-"] path{fill: var(--tertiary)}
	/*SVG Backgrounds*/
		.blue #swap path{fill: var(--primary);} 
		.red #swap path{fill: var(--secondary);}
		.green #swap path{fill: var(--quaternary);}
		.orange #swap path{fill: var(--tertiary);}	
	/*Theme Title*/	
		.blue #themes-examples theme{color: var(--primary)}
		.red #themes-examples theme{color: var(--secondary)}
		.green #themes-examples theme{color: var(--quaternary)}
		.orange #themes-examples theme{color: var(--tertiary)}	
	/*Tags*/		
		.tags.blue{background-color: var(--primary)}
		.tags.red{background-color: var(--secondary)}
		.tags.green{background-color: var(--quaternary)}
		.tags.orange{background-color: var(--tertiary)}	

		.blue #cross-sellingproduct{color: var(--primary)}
		.red #cross-selling product{color: var(--secondary)}
		.orange #cross-selling product{color: var(--tertiary)}
		.green #cross-selling product{color: var(--quaternary)}
	/*Nav Title*/
		.blue .title{color: var(--primary)}
		.red .title{color: var(--secondary)}
		.green .title{color: var(--quaternary)}
		.orange .title{color: var(--tertiary)}
	/*Title Pictogramas*/	
		.blue #pictograms .el-meta{color: var(--primary)}
		.red #pictograms .el-meta{color: var(--secondary)}
		.green #pictograms .el-meta{color: var(--quaternary)}
		.orange #pictograms .el-meta{color: var(--tertiary)}
	/*Thumbs Social*/
		.blue .sharethis-inline-share-buttons .st-btn, .blue .uk-icon-button{background: var(--primary-bg) !important;} 
		.red .sharethis-inline-share-buttons .st-btn, .red .uk-icon-button{background: var(--secondary-bg) !important;}
		.green .sharethis-inline-share-buttons .st-btn, .green .uk-icon-button{background: var(--quaternary-bg) !important;}
		.orange .sharethis-inline-share-buttons .st-btn, .orange .uk-icon-button{background: var(--tertiary-bg) !important;}	
	/*Theme Store*/
		.porto .el-title{color: var(--primary)}
	/*Headliners*/	
		.blue #headliner .el-title{color: var(--primary)}
		.red #headliner .el-title{color: var(--secondary)}
		.green #headliner .el-title{color: var(--tertiary)}
		.orange #headliner .el-title{color: var(--quaternary)}
	/*Customizations*/
		.blue #customization .uk-overlay{background: var(--primary-bg)}
		.red #customization .uk-overlay{background: var(--secondary-bg)}
		.green #customization .uk-overlay{background: var(--tertiary-bg)}
		.orange #customization .uk-overlay{background: var(--quaternary-bg)}
/*Search Engine*/		
		#offlajn-ajax-search117{border: 1px solid #EFEFEF; border-radius: 25px; padding-left: 25px; padding-right: 25px; height: 50px}
		#ajax-search-button117 .magnifier, input#suggestion-area117, input#search-area117{height: 50px; box-shadow: none;}
		.ajax-search-button117, #ajax-search-button117{border-radius: 0 25px 25px 0; padding: 0}
		.magnifier{background: url(/images/icons/search.svg) no-repeat center center !important;}
	/*Pagination*/
		.offlajn-button{background-color: #EFEFEF !important; border-radius: 50%; color: #9B9A9A !important; margin-left: 10px}
		.offlajn-paginators{display: none;}
		.inner-control-panel{width: fit-content; float: right;}
	/*Results*/
		.beaconCircle1 {display: none;}
		#offlajn-ajax-tile-results .search-result-link:hover{opacity:1 !important;}
		#offlajn-ajax-tile-results {background: #fff; z-index: 9999;}
		.search-result-inner{font-weight: 500 !important; margin-top: 5px;}
		.search-result-title span{font-weight: 500 !important;}
/*Utility*/
	#light-separator{border-color: #fff}
	/*Social - TESTING*/
		#st-2{z-index: 1 !important}
/*Modular blocs*/
	#how-to .el-title{margin-left:45px !important; margin-bottom: -45px !important;}
/*Cookies*/
	.js-reject {background: none !important;}
/*Buttons*/
	.uk-button-large{width: 250px}
	.uk-button-secondary, .uk-button-secondary:hover{border: 1px solid #666666; background: none !important; color: #666 !important;}
	.uk-button-tertiary{background-color: #fff; color: inherit; }
/*Footer*/	
	#footer, #footer a{font-family: Rubik; font-size: 15px; font-weight: 400; color: #868686; line-height: 32px; letter-spacing: -0.3px;}
	#footer title, #footer .title{display: block; font-weight: 500; font-size: 19px; line-height: 22px; color: #fff;}
	#copyright, #copyright a{background: #1a1a1a; font-size: 13px; color: #868686;}
	#copyright strong{font-weight: 600}
/*Cards*/
	/*Level 1*/
		.uk-card-primary{width: -webkit-fill-available; width: -moz-available; border-radius: 3px;}
		@media(min-width: 960px){
			.uk-card-primary{height: 200px !important; }
		}
		.uk-active .uk-card-primary, .uk-card-primary:hover{vertical-align: bottom;width: -webkit-fill-available; width: -moz-available;}
		.uk-card-primary p{font-size: 15px; text-decoration: underline; color: #fff; margin-top: 40px;}
		.uk-card-primary title{font-size: 24px; text-transform: uppercase; font-weight: 400; display: block; max-width: 180px; color: #fff}

		.blue .uk-card-primary{background:linear-gradient(90deg, rgba(82,174,226,1) 0%, rgba(159,212,252,1) 100%) !important}
		.red .uk-card-primary{background:linear-gradient(90deg, rgba(249,188,190,1) 0%, rgba(235,143,146,1) 50%, rgba(218,96,93,1) 100%) !important}
		.orange .uk-card-primary{background:linear-gradient(90deg, rgba(243,170,91,1) 0%, rgba(255,219,181,1) 100%) !important}
		.green .uk-card-primary{background:linear-gradient(90deg, rgba(135,199,188,1) 0%, rgba(95,165,158,1) 50%, rgba(53,116,111,1) 100%) !important}
		.uk-active .uk-card-primary, .uk-card-primary:hover{background: #c5bfbf !important; transition: none}
/*Category Page*/		
	/*Details*/
		#detail-nav .el-title{position: relative}
		@media(min-width: 1200px){
			.uk-drop {position: absolute; top: 70px !important; left: 865px !important;}
			#detail-nav .el-image{position: absolute;}			
			#detail-nav{margin-top: -100px !important}
			}
		@media(max-width: 1199px){
			#detail-nav .uk-card-secondary{box-shadow: inset -10px 0px 100px 0px #e3e4e5; height: auto !important;}
			}
			.uk-marker{border-color: #CACACA}
			#detail-nav svg{border-radius: 500px; background: var(--primary); width: 10px}	
	/*Options*/		
		#selection cat{display: block; font-size: 14px; color: #989898; line-height: 16px; margin-top: 15px}
		#selection product{display: block; font-size: 18px; line-height: 21px; margin-top: 3px; color: var(--primary); font-weight: 500}
		#selection price{display: block; font-size: 22px; color: #32353C; line-height: 26px; margin-top: 5px; font-weight: 500}
		@media(max-width: 959px){
			#selection.uk-switcher>:not(.uk-active){display: block}
		}
	/*Customizations*/
		#customization button{background: none; border: none; outline: 0; text-align: left;}
		#customization .adjust div{align-content: flex-end;}
		#customization .uk-overlay{color: #666}		

/*Content Page*/
	/*Header*/
		#page-content-header{max-height: 160px;}
		#page-content-header .uk-overlay-primary {padding: 20px; max-width: max-content;}
	/*Nav*/
		#content-subnav .el-link{color: #4D4D4D; font-size: 14px; font-weight: 400; font-family: Roboto; text-transform: uppercase;}	
	/*Iframe*/
		@media(max-width: 480px){
			iframe{height: 300px !important}
		}
	/*Price Tables*/
		#price-table th{border-bottom: 1px solid #c9c9c9;}
		#price-table .el-title{font-size: 18px; color: #B1B1B1; font-weight: 500;}
		#price-table .uk-table{max-width: 200px;}
		#price-table td{padding: 10px 10px 0px 0}
/*Blog*/
	/*Toolbar*/
		#interacao h1, #interacao ul{display: none;}
		#interacao div{margin-top: 0 !important}
		#interacao a{padding: 11px 20px; background: #52b1e1}
	/*Sidebar*/
		.menu-tags a{color: #1D1D1B; font-size: 14px; font-family: Roboto}
		.menu-tags a:hover{color: var(--primary)}
		.menu-tags .uk-badge{background: transparent; color: #000; font-family: Roboto; padding: 0;  font-size: 14px;}
		.menu-tags li{margin-bottom: 15px}
		span.uk-badge::before{content: "("}
		span.uk-badge::after{content: ")"}
	/*Display*/
		#banner-tags a, a.tags{border-radius: 4px; padding: 5px 10px; font-weight: 500; width: fit-content; color: #fff; font-size: 12px; text-transform: uppercase; display: inline; font-family: Roboto; border: 0}
		.blog time{color: #808080 !important;}
		.blog .uk-subnav>*>:first-child{font-weight: 500}
	/*Articles*/
		@media(min-width: 960px){
			#blog-headline {height: 465px}
			#blog-headline.el-tile{border-radius: 6px}
		}
/*Overlays*/
	@media(max-width: 959px){
		.uk-tile-muted{background-color: rgba(34,34,34,.8)}
	}
	.el-hover-image{max-width: 100px}
/*Accordion*/		
	.uk-accordion-title::before{background-image: url(/images/icons/arrow_down.svg); width: 20px; height: 25px; background-size: contain;}
	.uk-open>.uk-accordion-title::before{background-image: url(/images/icons/arrow_up.svg); width: 20px; height: 25px; background-size: contain;}
	/*FAQS*/		
		#faqs .uk-accordion .el-item{padding: 20px; border-bottom: 1px solid #dedede;}
		#faqs .uk-accordion .uk-open{background-color: #fff; box-shadow: 6px 8px 6px 0px #e3e4e5}
		#faqs .uk-accordion-content{padding-left: 10px}
/*Price List*/
		#price-list tr:first-child td{font-size: 16px;line-height: 1.2; color: #1a1a1a; font-weight:500; border: none;}
		#price-list .uk-table{margin-bottom: 30px; margin-top: 30px}
		#price-list .uk-table td {border-left: 1px solid #fff; padding: 12px}
		#price-list .uk-table td:first-child {border-left: none;}
	/*Toogle*/
		#price-list .uk-accordion{max-width: max-content; margin: 0 auto; border-bottom: 1px solid #808080}
		#price-list a.uk-accordion-title{font-weight: 400; text-transform: uppercase; color: #808080}
/*Related Products*/
	#cross-selling product{display: block; font-size: 20px; line-height: 26px; font-weight: 500; font-family: Roboto}
	@media(max-width: 768px){
		#cross-selling .uk-position-top-right{top: auto;}
	}
	#cross-selling img{max-height: 240px; max-width: 240px;}
	#cross-selling .uk-slidenav{border-radius: 50%; background: #EFEFEF; color: #9B9A9A; border: none;}
	#cross-selling price{display: block; font-size: 22px; font-weight: 500; font-family: Roboto; color: #32353C; margin-top: 10px;}
	#cross-selling category{display: block; margin-top: 15px; font-size: 14px; font-family: Roboto; font-weight: 400; color: #989898; line-height: 1.2}
	
/* Estado da Encomenda */
	.estado_encomenda ::placeholder{color: #333}
	.estado_encomenda {word-wrap:break-word; -moz-hyphens:auto;}

	.estado_encomenda .linha {border-bottom:1px solid #E3E4E5;}

	.estado_encomenda .linha_produto {width:385px; display:block; border-right:1px solid #E3E4E5; height:10px; padding:0; margin:0;}

	.estado_encomenda .img_titulo_border-r {display:inline-block; border-right:1px solid #E3E4E5; padding:10px 5px 6px 15px !important; width:275px;}

	.estado_encomenda .img_titulo_border-r div {display:inline-block; vertical-align:top; color:#444444; font-weight:bold; line-height:40px; font-size: 10px}

	.estado_encomenda .img_titulo_produto {display:inline-block; position:relative;}

	.estado_encomenda .cor {background-color:var(--primary); margin:5px; width:45px; height:45px;}

	.estado_encomenda .cor_produto {display:inline-block; max-width:45px; max-height:75px; padding:0px; margin:0px 40px;}

	.estado_encomenda .cor_produto.on {background-color:var(--primary);}

	.estado_encomenda .cor_produto.off {background-color:#999999;}

	.estado_encomenda .estado {margin:5px 5px 5px 10px;}

	.estado_encomenda .estado_produto {border-right:1px solid #E3E4E5; color:#444444; display:inline-block; font-weight:bold; height:75px; line-height:40px; padding:0 30px 0 10px !important; vertical-align:top; width:220px;}

	.estado_encomenda .descricao {display:inline-block; vertical-align:top; color:#999999; padding:20px 10px 10px 5px !important;}

	.estado_encomenda .descricao_produto {color:#999999; display:inline-block; font-weight:normal; line-height:40px; padding:0 5px 5px 90px !important; vertical-align:top;}

	.estado_encomenda .form_estado {width:70%; padding-left:10px; height:55px; color:#666666;font-size:17px; border:1px solid var(--primary); border-top-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; background-clip:padding-box; -webkit-background-clip:padding-box; -moz-background-clip:padding;}

	.estado_encomenda .form_estado_botao {width:52px; height:55px; display:inline-block; border-top-right-radius:3px; border-bottom-right-radius:3px; background-color:var(--primary); background-clip:padding-box; -webkit-background-clip:padding-box; -moz-background-clip:padding; vertical-align:bottom}

	.estado_encomenda .dados_encomenda {background-color:#F8F9F9; padding:15px;}

	.estado_encomenda .dados_encomenda .uk-panel-box {background-color:#F8F9F9;}

	.estado_encomenda .uk-text-large {font-size:26px; line-height:28px;}

	.estado_encomenda .uk-panel-box {border:none;}

	.estado_encomenda .modulo-dreambooks div {padding:0;}
	.estado_encomenda .uk-card-default{margin-bottom: 15px}
	@media (max-width:767px) {
		.estado_encomenda .descricao                  {padding:0 !important; margin:-10px 5px 10px 83px;}
		.estado_encomenda .descricao_produto          {position:absolute; padding:0 !important; margin:0; top:30px; left:90px;}
		.estado_encomenda .cor_produto                {margin:0 10px 0 20px;}
		.estado_encomenda .linha_produto              {width:100px;}
		.estado_encomenda .padding-right-remove-small {padding-right:0 !important;}
		.estado_encomenda .border-right-remove-small  {border-right:none !important;}
		.estado_encomenda .form_estado 			      {font-size:13px;}
	}

	@media (max-width: 1219px) {
		.estado_encomenda .border-right-remove-small  {border-right:none !important;}
	}