@charset 'utf-8';
/*
 Theme Name:   Education Child
 Theme URI:    http://education.themerex.net/
 Description:  Education - Multipurpose and Multiskin Responsive Wordpress theme
 Author:       ThemeREX
 Author URI:   http://themerex.net
 Template:     education
 Version:      3.1
 Tags:         light, responsive-layout, flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  themerex
*/


@import url("../education/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */
@font-face {
    font-family: "Nova Flat";
    src: url("http://robokids.today/student/wp-content/themes/education-child/font/NovaFlat.ttf");
    font-weight: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,input,textarea,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, address, section, video, audio
{
    font-family:"Nova Flat" !important;
}

h1 {
    font-size: 2.75em;
}

#circle-bg>.vc_column-inner
{
    /*background-image: url(http://www.robokids.today/wp-content/uploads/2017/07/1-1.png);
    background-repeat: no-repeat;

    background-position: 50% 50% !important;*/
    height: 300px;
    width: 300px;
    background: #A1d6e2;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 1050px;

    margin-top: 10%;
}

#circle-bg2>.vc_column-inner
{
    /*background-image: url(http://www.robokids.today/wp-content/uploads/2017/07/1-1.png);
    background-repeat: no-repeat;

    background-position: 50% 50% !important;*/
    height: 300px;
    width: 300px;
    background: #1995ad;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 1050px;

    margin-top: 10%;
}
.circle-text
{
    font-family:Nova Flat;
    font-size: 28px;
    color: #ffffff;
    font-weight: 600;
    padding-top:35px;
}

.circle-text a:hover
{

    color: #f9ff08;

}

.circle-text2
{
    font-size: 28px;
    color: #eb8a44;
    font-weight: 600;
    padding-top:35px;
}

.circle-text2 a:hover
{

    color: #363237;

}

.circle-text3
{
    font-size: 28px;
    color: #8eba43;
    font-weight: 600;
    padding-top:35px;
}

.circle-text3 a:hover
{

    color: #363237;

}

#circles-center
{
    margin-left:10%;

}

@media only screen and (max-width: 800px) {
    #circles-center
    {
        margin-left:0;

    }
}