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

/** Columns view **/
/*** Search ***/
.domain-search {
	width: 100%;
}

.dm-search .select2-selection__rendered {
    line-height: 41px !important;
}

.dm-search .select2-container .select2-selection--single {
    height: 50px !important;
    border-radius: 10px;
}

.dm-search .select2-selection__arrow {
    height: 49px !important;
}
/*** Search ***/
/*** Filters ***/
.dm-categories-filters, .dm-search {
	margin: 10px auto !important;
}

.dm-categories-filters a {
	display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    padding: 10px;
    text-decoration: none;
    margin-bottom: 5px;
}
/*** Filters ***/

.dm-categories-container {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
	margin-top: 0px;
}

.dm-category-container {
	border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    margin: 0 0 1em;
    width: 100%;
    break-inside: avoid-column;
}

/*
*
* Safari fix
* http://browserhacks.com/
*
*/
/*@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
	@media {
		.dm-category-container {
			display: inline-block;
		}
    }
}


@media not all and (min-resolution:.001dpcm) { 
	@media {
		.dm-category-container {
			display: inline-block;
		}
	}
}*/

/* Safari and chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.dm-category-container {
		display: inline-block;
	}
}

/* Chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
	.dm-category-container {
		display: block;
	}
}

/* END Safari fix */


.dm-category-name {
	color: #FFF;
	text-align: center;
    padding: 10px;
    border-radius: 10px 10px 0 0;
}

/*.dm-category-domains-container {
	padding: 10px;
}*/

.domain-name {
	display: block;
	width: 100%;
	padding: 5px 10px;
    border-bottom: 1px solid;
    text-decoration: none;
    margin: 5px auto;
}

.dm-icon {
	float: right;
	text-decoration: none;
	vertical-align: middle !important;
    line-height: 35px !important;
}

/*** Popup ***/
.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}
/*** Popup ***/
/** Columns view **/