/*Quick Search*/
.totorg-quicksearch-row {
    margin: 4px 0;
    height: 40px;
}
.totorg-quicksearch-row:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.totorg-left {
    float: left;
    padding-bottom:10px;
    width: 22%;
    height: 35px;
}

.totorg-right {
    float: right;
    width: 78%; 
    height: 35px;
    position: relative; 
    padding-bottom:10px;
}

.totorg-button {
    margin: 2px;
}

.totorg-header-image {
    width: 20px;
    margin-right: .2em;
}

.totorg-padding-container {
    padding: 5px;
}

.totorg_makeMeScrollablecls {
    max-width:none;
    white-space:nowrap;
}

.totorg_makeMeScrollablecls button {
   margin: 0 2px;
}

.totorg_flag_icon {
    margin-right:10px;
    width:24px
}
#totorg_country_dropdown {
    padding:5px;
    margin-right:5px;
}
#totorg_queryinput {
    margin-top:15px;
}
#totorg_queryinput select {
    line-height:45px!important;
    padding: 6px 10px;
    margin-right:5px;   
}
#totorg_query_textbox {
    width: 50%;
}
a:hover {
    cursor: pointer;
}

@media all and (orientation : portrait) /*(-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) */
{
    .totomaps-left, .totomaps-right {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    .totomaps-text-align-heading {
        text-align: left;
        position: relative; 
        top: auto; 
        transform: none;
    }
}

/*results list*/
.totorg-scripticon {
    margin-right: 5px;
}
.totorg_resultscontainer {
    margin-top: 10px;
    display: inline-block;
}
/*Pack Display*/
#totorg_display{
    width:96%;
    margin-top:2%;
    margin-left: auto;
    margin-right: auto;
}
    #totorg_display .entry-title {
           
    }
    #totorg_display h1 {
        font-size:26px;
        font-weight: bold;
        display: inline;
    }
    #totorg_display .script_left {
        float: left;
        width: 20%;
        font-weight: bold;
    }
    #totorg_display .script_right {
        float: left;
        width: 80%;
        padding-bottom: 20px;
    }
    #totorg_display .radio_script {
        background: #F5F5F5;
        padding: 10px 10px 5px 10px;
        clear: both;
        display: inline-block;
        width: 98%;
    }

.radio_script summary {
background: #252523;
padding: 5px;
font-size: 18px;
color:white;
}

/*images inside of scripts*/
/*method 1*/
.totorg_images {
  		padding: 0.25em;
			overflow: hidden;
		}
		.totorg_images li {
			float: left;
			width: 50%;
			padding: 0.25em;
		}
		.totorg_images img {
			display: block;
		}
		.totorg_images li:nth-child(odd) {
			clear: left;
		}
	
		@media screen and (min-width: 40em) {
			.totorg_images li {
		    	width: 33.3333333333333333%; 
		  	}
		  	.totorg_images li:nth-child(3n+1) {
		  		clear: left;
		  	}
		  	.totorg_images li:nth-child(odd) {
				clear: none;
			}
		}
		@media screen and (min-width: 55em) {
			.totorg_images li {
		    	width: 25%; 
		  	}
		  	.totorg_images li:nth-child(4n+1) {
		  		clear: left;
		  	}
		  	.totorg_images li:nth-child(3n+1) {
				clear: none;
			}
		}
		@media screen and (min-width: 72em) {
			.totorg_images li {
		    	width: 20%; 
		  	}
		  	.totorg_images li:nth-child(5n+1) {
		  		clear: left;
		  	}
		  	.totorg_images li:nth-child(4n+1) {
				clear: none;
			}
		}
		@media screen and (min-width: 90em) {
			.totorg_images li {
		    	width: 16.666666666%; 
		  	}
		  	.totorg_images li:nth-child(6n+1) {
		  		clear: left;
		  	}
		  	.totorg_images li:nth-child(5n+1) {
				clear: none;
			}
		}

/*method 2*/
ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -2.5%; /* should match li left margin */
}
ul.rig li {
	display: inline-block;
	padding: 10px;
	margin: 0 0 2.5% 2.5%;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-shadow: 0 0 5px #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
    width: 100%;

}
ul.rig li h3 {
	margin: 0 0 5px;
}
ul.rig li p {
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
}
/* class for 2 columns */
ul.rig.columns-2 li {
	width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.rig.columns-3 li {
	width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig.columns-4 li {
	width: 22.5%; /* this value + 2.5 should = 25% */
}
 
@media (max-width: 480px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
}