﻿/* SEARCH PANEL */
.intro .search_panel {
    margin-bottom:40px;
}
.intro .search_panel .button {
    cursor:pointer;
}

.intro .search_panel .button:before {
    content:"";
    display:inline-block;
    width:30px;
    height:15px;
    margin-right:16px;
    background-image:url(../img/arrow.svg);
    background-repeat:no-repeat;
    -webkit-transition:transform 250ms ease;
    transition:transform 250ms ease;
}

.intro .search_panel .button.open:before {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}


/* BLOCKS */
*[data-paneltarget] .blocks {
    width:197px;
}

*[data-paneltarget] .blocks .block .column {
    width:calc(100% - 50px);
}

*[data-paneltarget] .search_button_row {
    text-align:right;
}

*[data-paneltarget] .search_button_row .search_button {
    display:inline-block;
    padding:0;
    border:solid 1px #8a8a89;
    color:#8a8a89;
    -webkit-transition:all 250ms ease;
    transition:all 250ms ease;
    padding:4px 9px;
}

*[data-paneltarget] .search_button_row .search_button:hover {
    border:solid 1px #FFF;
    color:#FFF;
	cursor:pointer;
}


/*  */
*[data-paneltarget="panel_search_engine"] {
	margin-left:-35px;
}

#newsletter_list *[data-paneltarget="panel_search_engine"] {
	margin-left:-57px;
}

*[data-paneltarget="panel_newsletter_subscription"] {
	margin-left:-50px;
}

*[data-paneltarget="panel_newsletter_subscription"] .button_row {
    text-align:right;
}

*[data-paneltarget="panel_newsletter_subscription"] .button_row .submit_button {
    display:inline-block;
    padding:0;
    border:solid 1px #8a8a89;
    color:#8a8a89;
    -webkit-transition:all 250ms ease;
    transition:all 250ms ease;
    padding:4px 9px;
	/**/
	-webkit-opacity:0.3;
	opacity:0.3;
}

*[data-paneltarget="panel_newsletter_subscription"] #newsletter_email {
	background-color:transparent;
	color:#FFF;
}

/**/
*[data-paneltarget="panel_newsletter_subscription"] .button_row .submit_button.active {
	cursor:pointer;
	color:#FFF;
	border-color:#FFF;
	/**/
	-webkit-opacity:1.0;
	opacity:1.0;
}


/* TEXT SEARCH */
*[data-paneltarget="panel_search_engine"] .text_search {
	margin:10px 24px 11px 24px;
}

*[data-paneltarget="panel_search_engine"] .text_search:before {
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    background-image:url(../img/magnifier.svg);
    background-size:cover;
    -webkit-filter:invert(100%);
    filter:invert(100%);
    vertical-align:middle;
    margin-right:3px;
}

*[data-paneltarget="panel_search_engine"] .text_search input {
    background-color:rgba(0, 0, 0, 0);
    color:#AAA;
    display:inline-block;
    padding:4px;
    width:157px;
    box-sizing:border-box;
}

/* LINKS */
*[data-paneltarget="panel_search_engine"] .container {
    width:227px;
	height:200px;
    display:inline-block;
    vertical-align:top;
    text-align:start;
    overflow-y:scroll;
    overflow-x:hidden;
}


/* PREE REVIEW */
*[data-paneltarget="panel_search_engine_pressreview"] {
	margin-left:-34px;
}

*[data-paneltarget="pressreview_search_country"],
*[data-paneltarget="pressreview_search_magazine"],
*[data-paneltarget="pressreview_search_date_start"],
*[data-paneltarget="pressreview_search_date_end"] {
    background-color:#B0B0B0;
    color:#3a3437;
    margin:7px 0 0 2px;
    width:240px;
    /*max-height:400px;*/
}

*[data-paneltarget="pressreview_search_country"]:before,
*[data-paneltarget="pressreview_search_magazine"]:before,
*[data-paneltarget="pressreview_search_date_start"]:before,
*[data-paneltarget="pressreview_search_date_end"]:before {
    background-image:url(../img/menu-corner-gray.svg);
}

*[data-paneltarget="pressreview_search_country"] ul,
*[data-paneltarget="pressreview_search_magazine"] ul,
*[data-paneltarget="pressreview_search_date_start"] ul,
*[data-paneltarget="pressreview_search_date_end"] ul {
    padding:24px 11px 24px 11px;
    text-align:start;
    overflow-y:scroll;
    overflow-x:hidden;
    max-height:400px;
    box-sizing:border-box;
}

*[data-paneltarget="pressreview_search_country"] li,
*[data-paneltarget="pressreview_search_magazine"] li,
*[data-paneltarget="pressreview_search_date_start"] li,
*[data-paneltarget="pressreview_search_date_end"] li {
    cursor:pointer;
}

*[data-paneltarget="pressreview_search_country"] li:hover,
*[data-paneltarget="pressreview_search_magazine"] li:hover,
*[data-paneltarget="pressreview_search_date_start"] li:hover,
*[data-paneltarget="pressreview_search_date_end"] li:hover {
    color:#000;
}

*[data-paneltarget="panel_search_engine_pressreview"] .cancel {
	content:"";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	margin-left:-30px;
	margin-top:6px;
	/**/
	background-image:url(../img/close.svg);
	background-size:contain;
	-webkit-filter:invert(100%);
	filter:invert(100%);
	/**/
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
	-webkit-opacity:0.0;
	opacity:0.0;
}

*[data-paneltarget="panel_search_engine_pressreview"] .filter_set .cancel {
	-webkit-opacity:1.0;
	opacity:1.0;
	cursor:pointer;
}

*[data-paneltarget="panel_search_engine_pressreview"] span {
	cursor:pointer;
}


/**/
@media (max-width:1024px) {
	/* panel aligned left */
	.intro .search_panel .button.open:before {
		transform-origin:12px 5px;
	}

	#newsletter_list .intro .search_panel .button.open:before {
		transform-origin:initial;
	}


	*[data-paneltarget="panel_search_engine"] {
		margin-left:169px;
	}

	#newsletter_list *[data-paneltarget="panel_search_engine"] {
		margin-left:148px;
	}

	*[data-paneltarget="panel_search_engine_pressreview"] {
		margin-left:187px;
	}

	*[data-paneltarget="panel_search_engine"][data-panelmode="0"]:before,
	*[data-paneltarget="panel_search_engine_pressreview"][data-panelmode="0"]:before {
		right:auto;
	}
}

@media (max-width:768px) {
	#newsletter_list .intro .search_panel .button.open:before {
		transform-origin:12px 5px;
	}

	*[data-paneltarget="panel_newsletter_subscription"] {
		margin-left:166px;
	}

	*[data-paneltarget="panel_newsletter_subscription"][data-panelmode="0"]:before {
		right:auto;
	}
}