/*
Theme Name: TouchUp
Theme URI: http://touchup.mikado-themes.com
Description: A Contemporary Theme for Creative Business
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Text Domain: touchup
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.dropbtn {
    padding: 5px;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	margin-right: 13px !important;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 70px;
}

.dropbtn
{
  background: url('https://icons.iconarchive.com/icons/fatcow/farm-fresh/16/flag-usa-icon.png') no-repeat left center;
  padding-left: 25px;
  width: 100%;
}

.dropbtn::after {
   /* background: rgba(0, 0, 0, 0) url("https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-16.png") no-repeat scroll center center;*/
    content: '';
    height: 5px;
	width: 5px !important;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: rotate(135deg);
    position: absolute;
    right: -4px;
    top: 7px;
    width: 16px;
}

.dropdown-content a:first-child
{
	background: url('https://icons.iconarchive.com/icons/fatcow/farm-fresh/16/flag-usa-icon.png') no-repeat left center;	
}
.dropdown-content a:last-child
{
	 background: url('http://icons.iconarchive.com/icons/custom-icon-design/flag-3/16/Russia-Flag-icon.png') no-repeat left center;
}

/* Links inside the dropdown */
.dropdown-content a {
    padding: 5px 10px 5px 25px;
    text-decoration: none;
    display: block;
    margin-left: 5px;
	height: 100%;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #9e4b47 !important;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown-content a:after:hover{ 
	width: 100%;
	content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    width: 0;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
#text-23{margin-bottom:0;}
#text-23 .dropbtn::after{    content: '';
    height: 5px;
    width: 5px !important;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg);
    position: absolute;
    right: -4px;
    top: 35%;}
/* Change the background color of the dropdown button when the dropdown content is shown */