@charset "UTF-8";
/*
Theme Name: Bearlog Constructor
Theme URI: https://bearlog.top
Author: Taras Vykhorak
Author URI: https://bearlog.top
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

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.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
body{
    font-size: 20px
}
.wp-block-group{
    width: 100%;
}
.container{
    padding-left:0px;
    padding-right: 0px;
}
ul, ol{
    list-style-position: inside;
}
.wp-block-categories, .wp-block-archives{
    list-style: none;
    margin: 0;
    padding: 0;
}
.wp-block-categories li, .wp-block-archives li{
    padding: 10px 0px;
}
.wp-block-categories li a, .wp-block-archives li a{
    padding: 8px;
    border-radius: 3px;
}
.wp-block-search{
    width: 100%;
    position: relative;
}
.wp-block-search input{
    width: 100%;
    height: 50px;
    outline: none;
    border: 1px solid #000;
    border-radius: 3px;
}
.wp-block-search button{
    position: absolute;
    z-index: 9;
    width: auto;
    height: 50px;
    outline: none;
    border: 1px solid #000;
    border-radius: 3px;
    right: 0;
    bottom: 0;
}
.wp-block-archives{
}
.wp-block-archives select{
    width: 100%;
    height: 50px;
    padding: 10px 0px;
    border: 1px solid #000;
}
.wp-block-calendar{
    background-color: #f8f8f8;
    border-radius: 3px;
}
.wp-block-quote {
    border-left: 5px solid #000;
    padding-left: 15px;
}
.call a{
    width: 60px;
    height: 60px;
    border-radius: 30px!important;
    position: relative;
}
.call a:before{
    width: 30px;
    height: 30px;
    position: absolute;
    content: "";
    right: 15px;
    top: 15px;
    background-image: url("./phone.png");
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.call a:after{
    background-color: #fff;
    width: 100px;
    height: 100px;
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    border-radius: 50px;
    opacity: 0;
    animation-duration: 1s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.wp-block-latest-posts li a{
    display: block;
}

@keyframes slidein {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}
.wp-block-pullquote{
    border-top: 5px solid;
    border-bottom: 5px solid;
}
#searchform{
    position: relative;
}
#searchform input{
    width: 90%;
    height: 40px;
    margin: 0% 5%;
    border: 1px solid #000;
    padding: 0;
    margin: 0;
}
#searchform input#searchsubmit{
    width: 40px;
    height: 40px;
    background-color: #010101;
    position: absolute;
    top:0;
    right: 5%;
    font-size: 0px;
    background-image: url("./phone.png");
    background-size: 60% auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.phonemenu{
    margin-top: 7px;
}
.navbar{
    padding-left:0;
}
.mymenu{
    border-bottom: 1px solid #eaeaea;
}
.card img{
    width: 100%;
    height: auto;
}
.card h5{
    font-size: 22px;
    text-transform: uppercase;
} 
.cat-title{
    padding: 15px;
    font-size: 40px;
    margin: 50px 0px;
}
.wp-block-table table{
    border: 1px solid #000;
}
.wp-block-table table td{
    border: 2px solid #000;
    padding: 10px;
}
.black{
    background-color: #1f1f1f;
    padding: 50px 0px;
    color: #eaeaea;
}    
.pagination{
    font-size: 20px;
    padding-left: 7px;
    margin-top: 30px;
    margin-bottom: 100px;
}    
.pagination a{
    background-color: #1f1f1f;
    padding: 10px 15px;
    color: #eaeaea!important;
    margin-right: 5px;
    border-radius: 3px;
}
.pagination .nav-links span.current{
    background-color: #eaeaea;
    padding: 10px 15px;
    margin-right: 5px;
    border-radius: 3px;
} 
.screen-reader-text{
    display: none;
}    
.cus{
    background-color: #fbfbfb;
}    
.wpcf7{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wpcf7 label{
    width: 100%;
    height: auto;
}
.wpcf7 input{
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 3px;
    padding: 10px 0px;
    text-indent: 15px;
    background-color: transparent;
}
.wpcf7 textarea{
    width: 100%;
    height: 200px;
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 3px;
    padding: 10px 0px;
    text-indent: 15px;
    background-color: transparent;
}
.wpcf7-submit{
    width: auto!important;
    float: right;
    padding: 10px 30px!important;
    text-indent: 0px!important;
}
.er404{
    margin: 100px 0px;
}