/*!
Theme Name: All2
Description: All2 is a child theme of AllinGrid WordPress Theme. Features include 3 Homepage Columns Widgets Areas, Grid Layout (using Masonry JavaScript library), Gutenberg Compatible, Animations Appearing Effects, Header Top Menu, Header Social Icons: Facebook, Twitter, LinkedIn, RSS Feeds, Tumblr, Youtube, Pinterest, VK, Flickr, Vine, Header Email and Phone, Customizer (Admin Panel) Options, Multi-level Drop-down Menu, Homepage Widget Area, Custom Background, 3 Columns Footer Widget Areas, Search Engine Optimized, Footer Menu, Footer Copyright Footer Text, FontAwesome Icons, Multiple Browsers Support, Threaded Comments, and Translation-Ready.
Theme URI: https://allinonethemes.com/product/all2
Author: allinonethemes
Author URI: https://allinonethemes.com
Template: allingrid
Version: 1.1.1
Text Domain: all2
Tags: blog, news, three-columns, right-sidebar, custom-logo, custom-background, custom-header, custom-menu, threaded-comments, translation-ready, sticky-post, theme-options, footer-widgets, editor-style, full-width-template
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

#header-main-fixed,
#header-main-fixed #header-top {
	background-color:#FFFFFF;
	color:#1681E5;
}

#header-main-fixed a,
#header-main-fixed a:hover,
#header-main-fixed #header-top a,
#header-main-fixed #header-top a:hover {
	color:#1681E5;
}

#header-main-fixed #header-top a:hover {
	text-decoration:underline;
}

#header-top #header-phone:before,
#header-top #header-email:before {
	color:#555555;
}

a {
	color:#1681E5;
}

a:hover {
	color:#1d5991;
}

a:focus {
  outline: dotted;
  outline-style: dotted;
  text-decoration: underline;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-color: #000;
  outline: solid rgba(0, 115, 170, 0.15);
  outline-offset: -4px;
}

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: dotted;
  outline-offset: -4px;
}

#header-main-fixed a:hover {
	color:#1d5991;
}

#header-main-fixed a h1,
#header-main-fixed a {
	color:#1681E5;
}

.button,
input[type="submit"],
button,
.btn,
#main .button {
	padding:8px 12px;
	text-decoration:none;
	font-weight:normal;
	border:none;
	color:#ffffff;
	background-image: -ms-linear-gradient(top, #1681E5 0%, #1d5991 100%);
	background-image: -moz-linear-gradient(top, #1681E5 0%, #1d5991 100%);
	background-image: -o-linear-gradient(top, #1681E5 0%, #1d5991 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1681E5), color-stop(1, #1d5991));
	background-image: -webkit-linear-gradient(top, #1681E5 0%, #1d5991 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1681E5', endColorstr='#1d5991');
	background-image: linear-gradient(top, #1681E5 0%, #1d5991 100%);
	text-shadow:0 !important;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-ms-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;
}

.button:hover,
input[type="submit"]:hover,
button:hover,
#main .button:hover,
.btn:hover {
	color:#ffffff;
	background-image: -ms-linear-gradient(top, #1d5991 0%, #1681E5 100%);
	background-image: -moz-linear-gradient(top, #1d5991 0%, #1681E5 100%);
	background-image: -o-linear-gradient(top, #1d5991 0%, #1681E5 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1d5991), color-stop(1, #1681E5));
	background-image: -webkit-linear-gradient(top, #1d5991 0%, #1681E5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1d5991', endColorstr='#1681E5');
	background-image: linear-gradient(top, #1d5991 0%, #1681E5 100%);
	text-decoration:none;
}

.sidebar-title,
.footer-title {
	border-bottom:4px solid #1d5991;
}

#navmain > div > ul > li > a,
#navmain > div > ul > .current-menu-item > a,
#navmain > div > ul > .current-menu-ancestor > a,
#navmain > div > ul > li > a:hover {
	color:#1d5991;
}

/* Large Resolution */
@media screen and (min-width: 800px) {

	#navmain > div > ul > .current-menu-item > a,
	#navmain > div > ul > .current-menu-ancestor > a,
	#navmain > div > ul > li > a:hover,
	.cart-contents-icon:hover,
	.search-form-icon:hover {
		border-bottom:2px solid #1d5991;
	}
	
	.current-root-menu-item {
		border-bottom:2px solid #1d5991;
	}
}

#page-header a {
	color:#1681E5;
}

.col ul > li:before {
	font-family:'FontAwesome';
	font-style:normal;
	font-weight:normal;
	line-height:1;
	margin-right:5px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\f06c";
	opacity:0.7;
}

.col > ul {
	margin-left:3px;
}

.col li {
	margin-bottom:5px;
}

.col1a {
	float:none;
	width:96%;
	margin:5px 0 5px 0;
}

/* Large Resolution */
@media screen and (min-width: 800px) {

	/* columns */
	.col2a,
	.col2b {
		float:left;
		width:47%;
	}
	
	.col2a {
		margin:0 4% 5px 0;
	}
	
	.col2b {
		margin:0 0 5px 0;
	}
	
	.col3a,
	.col3b,
	.col3c {
		float:left;
		width:30.6%;
	}
	
	.col3a,
	.col3b {
		margin:0 3.5% 5px 0;
	}
	
	.col3c {
		margin:0 0 5px 0;
	}
	
	.col4a,
	.col4b,
	.col4c,
	.col4d {
		width:22%;
		float:left;
	}
	
	.col4a,
	.col4b,
	.col4c {
		margin:0 3.5% 5px 0;
	}

	.col4d {
		margin:0 0 5px 0;
	}
}

/* Medium Resolution */
@media screen and (max-width: 799px) {

	#navmain div:first-of-type:before {
		color:#555555;
	}

	#navmain > div > ul > li > a,
	#navmain > div > ul > .current-menu-item > a,
	#navmain > div > ul > .current-menu-ancestor > a,
	#navmain > div > ul > li > a:hover,
	#navmain .sub-menu-item-toggle:before {
		color:#FFFFFF;
	}

	/* columns */
	.col2a,
	.col2b,
	.col3a,
	.col3b,
	.col3c,
	.col4a,
	.col4b,
	.col4c,
	.col4d {
		float:left;
		width:48%;
	}
	
	.col2a,
	.col3a,
	.col3c,
	.col4a,
	.col4c {
		margin:0 4% 5px 0;
	}
	
	.col2b,
	.col3b,
	.col4b,
	.col4d {
		margin:0 0 5px 0;
	}

	.col3c,
	.col4c {
		clear:both;
	}
}

/* Small Resolution */
@media screen and (max-width: 360px) {

	.col1a,
	.col2a,
	.col2b,
	.col3a,
	.col3b,
	.col3c,
	.col4a,
	.col4b,
	.col4c,
	.col4d {
		float:none;
		width:96%;
		margin:0 2% 5px 2%;
	}
}