/*

Theme Name: Avada Child

Description: Child theme for Avada theme

Author: ThemeFusion

Author URI: https://theme-fusion.com

Template: Avada

Version: 1.0.0

Text Domain:  Avada

*/

.primal-ri .parent_category {
		list-style: none;
		padding-left: 0px;
	}

	.primal-ri .parent_category .sub_category {
		list-style: none;
		padding-left: 10px;
	}

	.primal-ri .parent_category a {
		color: #555;
	}

	.primal-ri .parent_category a:hover {
		color: #ff9307;
	}

	.primal-ri section {
		float: left;
	}

	.primal-ri .primal-ri-sidebar {
		width: 20%;
    	margin-right: 4%;
	}
	.primal-ri .parent_category .sub_category li label {
		font-weight: 400;
    	font-size: 16px;
	}
	.primal-ri .primal-ri-loop {
		width: 76%;
	}

	.primal-ri .primal-ri-loop ul {
		list-style: none;
		padding-left: 0px;
	}
	
	.primal-ri .primal-ri-loop ul li {
		position: relative;
		float: left;
		width: 24.3%;
		margin: .30%;
	}
	.primal-ri .primal-ri-loop ul li .overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .2s ease;
		background-color: #ff9307;
	}
	.primal-ri .primal-ri-loop ul li .text {
		color: white;
		font-size: 14px;
		font-weight: bold;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
		line-height: 1.2;
		width: 80%;
	}
	.primal-ri .primal-ri-loop ul li a:hover .overlay{
		opacity: 1;
	}
	.primal-ri .primal-ri-loop ul li a {
		position: relative;
		display: block;
		width: 100%;
    	height: 120px;
    	/*margin-left: 5px;
    	margin-right: 5px;
    	margin-bottom: 10px;*/
	}

	/*CHECKBOX STYLING*/
	/* The container */
	.label-container {
	    display: block;
	    position: relative;
	    padding-left: 30px;
   	 	margin-bottom: 5px;
	    cursor: pointer;
	    font-size: 22px;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}

	/* Hide the browser's default checkbox */
	.label-container input {
	    position: absolute;
	    opacity: 0;
	    cursor: pointer;
	}
	/* Create a custom checkbox */
	.checkmark {
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 20px;
	    width: 20px;
	    background-color: none;
	    border: 1px solid #ff9307;
	    
	}

	/* On mouse-over, add a grey background color */
	.label-container:hover input ~ .checkmark {
	    background-color: none;
	}

	/* When the checkbox is checked, add a blue background */
	.label-container input:checked ~ .checkmark {
	    background-color: none;
	    border: 1px #ff9307 solid;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
	    content: "";
	    position: absolute;
	    display: none;
	}

	/* Show the checkmark when checked */
	.label-container input:checked ~ .checkmark:after {
	    display: block;
	}

	/* Style the checkmark/indicator */
	.label-container .checkmark:after {
	    left: 10px;
	    top: -10px;
	    width: 5px;
	    height: 20px;
	    border: solid #ff9307;
	    border-width: 0 3px 3px 0;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	.alm-load-more-btn {
		display: none;
	}
	@-webkit-keyframes spin {
	    0% {
	        -webkit-transform: rotate(0);
	    }
	    100% {
	        -webkit-transform: rotate(-360deg);
	    }
	}
	
	.ri_mobile_help {
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: 48px 16px;
		color: #333333;
		display: none;
		line-height: 24px;
		margin-bottom: 25px;
		height: 16px;
	}

	.ri_mobile_help .arrow {
		display: inline;
		height: 14px;
		width: auto;
		vertical-align: middle;
		margin-left: 10px;
	}

	.ri_mobile_menu {
		background: url("http://staging2.theprimaldesire.com/wp-content/uploads/2018/04/menu-bar.png") no-repeat scroll left center / 100%;
		cursor: pointer;
		display: inline-block;
		height: 13px;
		margin-right: 6px;
		width: 18px;
	}

	.fusion-footer-widget-area {
		margin-top: 50px;
	}

	.primal-ri .primal-ri-loop ul li a {
		background-size: cover;
		height: 100px;
	}

	.archive.category #main .fusion-row {
		display: block !important;
	}

	

	@media only screen and (max-width: 1024px) {
		.primal-ri .primal-ri-loop ul li a {			
	    	height: 70px;
		}
	}

	@media only screen and (max-width: 796px) {
		.primal-ri .primal-ri-loop ul li a {			
	    	height: 70px;
		}
	}
	@media only screen and (max-width: 796px) {
		.primal-ri .primal-ri-loop {
			width: 76%;
		}
		.primal-ri .primal-ri-loop ul {
			display: inline-block;
			width: 100%;
		}
		.primal-ri .primal-ri-loop ul li {			
			width: 32.6%;
		}
		.primal-ri .primal-ri-loop ul li a {
			margin: 0 auto;			
			display: block;
		}
		.primal-ri .primal-ri-loop ul li .text {
			font-size: 12px;
			width: 90%;
		}
	}

	@media only screen and (max-width: 480px) {
		#main {
			padding-left: 15px !important;
			padding-right: 15px !important;
		}
		.primal-ri .primal-ri-sidebar {
			display: none;
			width: 100%;
			background-color: #f8f8f8;
			padding: 0 15px;
		}
		.primal-ri .primal-ri-loop {
			width: 100%;
		}
		.primal-ri .primal-ri-loop ul {
			display: inline-block;
			width: 100%;
		}
		.primal-ri .primal-ri-loop ul li {			
			width: 32.5%;			
		}
		.primal-ri .primal-ri-loop ul li a {
			margin: 0 auto;			
			display: block;
		}
		.primal-ri .primal-ri-loop ul li a {			
	    	height: 50px;
		}
		.primal-ri .primal-ri-loop ul li .text {
			font-size: 9px;
			line-height: 1.2;			
		}
		
		.primal-ri .parent_category .sub_category li label {
			background-color: #fff;
			font-size: 14px;
		}
		.primal-ri .parent_category .sub_category {
			padding-left: 0px;
		}

		.ri_mobile_help {
			display: block;
		}
	}

	@media only screen and (min-width: 800px) {
		.fusion-header-wrapper {
		    position: absolute;
		    z-index: 10000;
		    left: 0;
		    right: 0;
		}
	}